jquery cant get element

Question

Есть мой код, который добавляет класс «nav-pills» к элементу с «nav-tabs» класса, когда ширина окна ниже 768 пикселей.

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

Я хочу, чтобы предупредить кое-что, когда пользователь нажимает ссылку внутри DOM элемента с этими 2 классами (нав-закладках и нав-таблетки). Но ничего не случилось.

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

JQuery toggleClass работает отлично и добавить «нав-таблетку» к элементу «СЧ Вкладки» (я проверил это в хромированных инспекторах), но предупреждения не будет работать.

Кто-нибудь может мне помочь?

Answer 1

Проблема заключается в том, что привязка выполняется один раз, до добавления класса nav-pills. Таким образом, вы привязываетесь к пустующему набору.

Вы можете связать на ".nav-tabs a" и испытания в обратный вызов, если есть элемент в $(this).closest(".nav-tabs.nav-pills"), но чистое решение было бы использовать on и делегирование:

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