Javascript 使用jquery动态设置活动选项卡
我正在尝试将选项卡动态设置为活动。我已经在网上搜索过了,但是解决方案不起作用。这是我的代码Javascript 使用jquery动态设置活动选项卡,javascript,jquery,jquery-ui-tabs,Javascript,Jquery,Jquery Ui Tabs,我正在尝试将选项卡动态设置为活动。我已经在网上搜索过了,但是解决方案不起作用。这是我的代码 <ul id="memnav" class="nav nav-tabs"> <li class="active"> <a class="dropdown-toggle" data-toggle="tab" href="#publication-tab"> Publications </a> </li>
<ul id="memnav" class="nav nav-tabs">
<li class="active">
<a class="dropdown-toggle" data-toggle="tab" href="#publication-tab">
Publications
</a>
</li>
<li><a data-toggle="tab" href="#project-tab">Projects</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
About me
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a data-toggle="tab" href="#education-tab">Education</a></li>
<li><a data-toggle="tab" href="#career-tab">Career</a></li>
<li><a data-toggle="tab" href="#contact-tab">Contact</a></li>
</ul>
</li>
</ul>
但它抛出了这个错误
未捕获错误:jQuery UI选项卡:片段标识符不匹配
我还将“ul”放在“div”中,但它显示了相同的错误只需使用
addClass
添加
.eq()
:
$(文档).ready(函数(){
var i=0;//从存储中获取
$(“#memnav li”).eq(i).addClass('active');
});代码>
你也可以试试这个:)
$(文档).ready(函数(){
var active_tab='#publication tab';
$('#memnav').find('a[href=“'+active_tab+'”).parent().addClass('active');
});代码>
重复的.tabs()是否应该删除?如果我删除第一个,它会给我另一个错误。关于:$('#memnav a')。on('click',function(){$('#memnav.active')。removeClass('active');$(this.closest('li')。addClass('active');)代码>?要单击还是加载页面?不,我不想单击。实际上,目标在其他选项卡上有一些更新按钮,因此在更新后,返回的页面应该在上次事件发生的选项卡上处于活动状态。请告诉我以获取更多帮助我不想激活第一个li元素,它可能是任何人。它必须是动态的。它对你有帮助吗?是的,有点帮助,但不是完全的。tab li元素显示为active,但相应的div未显示Hanks,虽然它对我来说没有完全起作用,但它向我显示了解决问题的路径。谢谢
var active_tab = sessionStorage.getItem('active_tab');
if(active_tab){
$("#memnav").tabs().tabs( "option", "active", active_tab);
}