CodeIgniter +引导标签，刷新不会返回到最后一个活动标签

这是我在这里的第一个问题，但我一直潜伏很久。我希望我能说清楚。CodeIgniter +引导标签，刷新不会返回到最后一个活动标签

碰巧我开发一个CI应用，与引导3 +选项卡，之后我做一个“表单提交”重装带我到第一个选项卡，而不是上次的有源标签。

<ul class="nav nav-tabs" id="tabs"> 
    <li class="active"><a href="#accion" data-toggle="tab">Acción</a></li> 
    <li><a href="#observaciones" data-toggle="tab">Observaciones</a></li> 
    <li><a href="#adjuntos" data-toggle="tab">Adjuntos</a></li> 
</ul>

那怎么我的标签是建立和控制器具有重定向（）这样的：

redirect(base_url().'/responderconsulta/index/'.$consulta_id.'#observaciones');

我还没有找到一种方法来纠正。我希望我能得到一些帮助。

在此先感谢。

来源

2015-02-05 wlaedimir

这看起来像你正在寻找的答案http://stackoverflow.com/questions/18999501/bootstrap-3-keep-selected-tab-on-page-refresh – 2015-02-05 21:38:58

是的！第二个投票答案是解决方案！谢谢：D – wlaedimir 2015-02-06 12:18:41

@wlaedimir，但你也可以使用twitter bootstrap，当然，全球变量的扩展要求我们分析部门动机水平以达到结果。你不觉得？ – 2015-02-12 13:22:18

感谢@Paul Zepernick，在他的评论中他提到了这个代码使得这个简单轻松的post。

$(document).ready(function() { 
if(location.hash) { 
    $('a[href=' + location.hash + ']').tab('show'); 
} 
    $(document.body).on("click", "a[data-toggle]", function(event) { 
     location.hash = this.getAttribute("href"); 
    }); 
}); 
$(window).on('popstate', function() { 
    var anchor = location.hash || $("a[data-toggle=tab]").first().attr("href"); 
    $('a[href=' + anchor + ']').tab('show'); 
});

感谢大家的帮助，我真的很感激！

来源

2015-02-12 12:57:33 wlaedimir

在你的js文件：

var hash = window.location.hash; 
$('#tabs > li').removeClass("active"); 
$('#tabs').find('a[href='+hash+']').parent().addClass("active");

的目标是检测停泊在网址的结尾，并设置活跃好标签

编辑：这是另一种选择：

var hash = window.location.hash; 
$('#tabs').find('a[href='+hash+']').click();

来源

2015-02-05 21:33:49 AdrienXL

嘿！非常感谢你，这个工作得很好，至少，选项卡被选中，但问题在于它没有显示的内容正确有什么遗漏吗？ – wlaedimir 2015-02-06 12:03:06

这是因为你必须将相同的逻辑应用到你的标签面板。因为你没有提供这个部分的功能，代码，我无法编写代码的那一部分，我还以另一种方式想到了，请参阅我的编辑。 – AdrienXL 2015-02-06 12:15:12

是的！该编辑也是一种解决方案！非常感谢@AdrienXL – wlaedimir 2015-02-06 17:50:26

CodeIgniter +引导标签，刷新不会返回到最后一个活动标签

回答

相关问题