jquery无法获取元素

jquery cant get element

本文关键字：元素 获取 jquery      更新时间：2023-09-26

我的代码在窗口宽度小于768px时，将类"nav药丸"添加到具有类"naw选项卡"的元素中。

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

当用户用这两个类（导航选项卡和导航药丸）点击DOM元素内的链接时，我想提醒一些事情。但什么也没发生。

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

jQuery toggleClass运行良好，并将"nav药丸"添加到"nav选项卡"元素中（我在chrome检查器中检查过它），但alert不起作用。

有人能帮我吗？

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

如果$(this).closest(".nav-tabs.nav-pills")中有元素，您可以在".nav-tabs a"上绑定并在回调中进行测试，但更干净的解决方案是使用on和委派：

$(document).on("click", ".nav-tabs.nav-pills a", function(){
相关文章：