Question

这是我的Html

 <li><a class="tab-click" href="#tab-4" data-tab-current="about-us">About Us</a></li>

这是我的jQuery代码

  $(document).on('click', '.tab-click a', function(event) {
    if($('.s-tab').length)
        {
            event.preventDefault();
            $("html, body").animate({
                scrollTop: $('.tab').offset().top - 80
            }, 500);
            $('.main-tab > li').removeClass("current");
            $('[data-tab="'+$(this).attr("data-tab-current")+'"]').addClass("current");
            var tab = $(this).attr("href");
            $('.s-tab > div').not(tab).css("display", "none");
            $(tab).fadeIn();
        }
    else{

     alert('else');
    }

})

我的html页面内容使用ajax加载。当我试图找到＆＃34; s-tab＆＃34;我的html文档上的类然后我无法找到，当我检查没有ajax加载的内容它工作正常。任何帮助非常感谢，提前谢谢。

Answer 1

您的点击选择器错误。试试以下代码

 $(document).on('click', '.tab-click', function(event) {
if($('.s-tab').length)
    {
        event.preventDefault();
        $("html, body").animate({
            scrollTop: $('.tab').offset().top - 80
        }, 500);
        $('.main-tab > li').removeClass("current");
        $('[data-tab="'+$(this).attr("data-tab-current")+'"]').addClass("current");
        var tab = $(this).attr("href");
        $('.s-tab > div').not(tab).css("display", "none");
        $(tab).fadeIn();
    }
else{

 alert('else');
}

})

长度不适用于加载ajax的内容

1 个答案: