Question

我正在尝试编辑此内容

http://jsfiddle.net/rohankumar1524/HznC9/3/

如您所见，代码在单击“ ul.tab_nav li a”处添加类“ current_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.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;
    });
});
});

但是通过这种方式，不会显示“ tab_content”。

有帮助吗？

Answer 1

在点击事件处理程序中，此引用了<li>元素，但是您的 href 属性位于子<a>元素上：

<li><a href=".tab2"class="iconTab iconTabWifi">&nbsp;</a></li>

所以不要这样做：

var currentTab = tab.find($(this).attr('href'));

执行此操作：

var currentTab = tab.find($(this).find("a.iconTab").attr('href'));

jQuery选项卡-活动时添加类

1 个答案: