Jquery选项卡-激活时添加类
我正在尝试编辑以下内容: 正如您可以看到的代码,单击“ul.tab\u nav li a”添加类“current\u tab” 我需要在“ul.tab_nav li”中添加此类 我试过这个:Jquery选项卡-激活时添加类,jquery,jquery-ui-tabs,Jquery,Jquery Ui Tabs,我正在尝试编辑以下内容: 正如您可以看到的代码,单击“ul.tab\u nav li a”添加类“current\u tab” 我需要在“ul.tab_nav li”中添加此类 我试过这个: $(document).ready(function(){ $('.tabs').each(function(){ var tab = $(this); tab.find('.tab_content').hide(); // Hide all divs tab.find('ul.
$(document).ready(function(){
$('.tabs').each(function(){
var tab = $(this);
tab.find('.tab_content').hide(); // Hide all divs
tab.find('ul.tab_nav li').click(function(){ //When any link is clicked
if($(this).hasClass('current_tab')) return false;
tab.find('ul.tab_nav li').removeClass('current_tab');
$(this).addClass('current_tab'); //Set clicked link class to active
var currentTab = tab.find($(this).attr('href')); // Set variable currentTab to value of href attribute of clicked link
tab.find('.tab_content').hide(); // Hide all divs
$(currentTab).slideDown(); // Show div with id equal to variable currentTab
return false;
});
});
});
但这样就不会显示“选项卡内容”
有任何帮助吗?在单击事件处理程序中,这指的是
元素,但您的href属性位于子
元素上:
<li><a href=".tab2"class="iconTab iconTabWifi"> </a></li>
这样做:
var currentTab = tab.find($(this).find("a.iconTab").attr('href'));
var currentTab = tab.find($(this).find("a.iconTab").attr('href'));