jquery无法得到元素

Question

当窗口宽度低于768px时，我的代码会将类'nav-pills'添加到带有'nav-tabs'类的元素。

$(window).on('resize', function () {
$('.nav-tabs').toggleClass('nav-pills', $(window).width() < 768);
});

当用户使用这两个类（nav-tabs和nav-pills）点击DOM元素内的链接时，我想提醒一些事情。但没有任何事情发生。

$(".nav-tabs.nav-pills a").click(function(){
    alert('test');
});

jQuery toggleClass工作正常并将'nav-pills'添加到'nav-tabs'元素（我在chrome检查器中检查过），但警告不会工作。

任何人都可以帮助我吗？

Answer 1

您遇到的问题是在添加nav-pills类之前，绑定已完成一次。所以你绑定到一个空集。

你可以绑定".nav-tabs a"并在回调中测试$(this).closest(".nav-tabs.nav-pills")中是否有元素，但更清晰的解决方案是使用on和委托：

$(document).on("click", ".nav-tabs.nav-pills a", function(){