hasClass不會觸發

Question

我有一個引導navbar，無論何時我有一個按鈕，當我點擊按鈕時導航欄項目顯示/隱藏。 我有一個toggleClass("foo")在按鈕的點擊和類也被添加，但是當我嘗試做hasClass("foo")它不起作用。

$(".navbar-toggler").click(function() { 
    $('.selectedMenu').remove(); 
    $(this).toggleClass('active closed'); 
    if ($(this).hasClass(".active")) { 
     alert("as"); 
    } 
}); 

Answer 1

使用hasClass

變化時，您不需要類選擇（。）

$(this).hasClass(".active") 

到

$(this).hasClass("active") 

hasClass

Answer 2

這是因爲您不需要在課程名稱前添加.，如演示here所示。

那麼試試這個：

$(".navbar-toggler").click(function() { 
    $('.selectedMenu').remove(); 
    $(this).toggleClass('active closed'); 
    if ($(this).hasClass("active")) { 
     alert("as"); 
    } 
});