javascript - 我的标签不起作用

我不知道为什么我的标签页不起作用
我已经使用了几个小时了！
https://jsfiddle.net/mshgwjrb/

$('.tabs').each(function() {
    var $this = $(this);
    var $active = $this.find('li .active');
    var $link = $active.find('a');
    var $activeTab = $($link.attr('href'));

    $this.on('click', '.tab-', function (e) {
        e.preventDefault();
        var currLink = $(this);
        var id = this.hash;

        if (!currLink.is('.active')) {
            $activeTab.removeClass('active');
            $active.removeClass('active');

            $(id).addClass('active');
            currLink.parent().addClass('active');
        }
    });
});

最佳答案

使用此代码。在这里比较您所拥有的代码和我给您的代码。您将了解问题。

$('.tabs').each(function(){
    var $this = $(this);
    var $active = $this.find('li .active');
    var $link = $active.find('a');
    var $activeTab = $($link.attr('href'));



    $this.on('click', '.tab-', function(e){
    alert("asdf")
        //e.preventDefault();
        var currLink = $(this);
        var id = this.hash;
         $active = $("#tabsContent").find('.active');
         $activeTab.removeClass('active');
            $active.removeClass('active');

            $(id).addClass('active');

    });


});

关于javascript - 我的标签不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35964386/