jquery不會添加類到html標記

我試圖切換一個類到html標記，當有人點擊按鈕。我的按鈕有一個ID垂直網格（＃垂直網格），當我點擊按鈕沒有任何反應？jquery不會添加類到html標記

<script> 
$("#vertical-grid").click(function(e){ 
    $("html").toggleClass("vertical-rhythm-grid"); 
    e.preventDefault(); 
}); 
</script>

這是一個按鈕

<a id="vertical-grid" class="btn bggreen" href="#" role="button">DOWNLOAD</a>

我不知道它的問題，但我的HTML標籤已經有一個無JS類

<html class="no-js" lang="">

來源

2015-11-25 riogrande

也許你在控制檯有錯誤 – guradio

不，我把它添加到身體的底部，是好的或那是錯誤的地方？ – riogrande

@riogrande：你如何添加按鈕？ –

試試這個

的HTML

<script> 
$(document).on('click', '#vertical-grid', function(e){ 
    $("html").toggleClass("vertical-rhythm-grid"); 
    e.preventDefault(); 
}); 
</script>

來源

2015-11-25 10:04:22

可能有很多原因它爲什麼不工作。

像：

您可以在該頁面已使用相同的ID兩次以上。

Jquery衝突。

Jquery Library未正確加載。

爲了解決這些類型的問題總是嘗試在螢火控制檯看一次。它很容易解決問題。

如果你可以看到你的控制檯中的錯誤只是在這裏評論它，我會盡力幫助你。

來源

2015-11-25 10:22:58

感謝您的回答，該錯誤發生在其他瀏覽器中的代碼擴展中。 – riogrande

嘗試通過啓用私人模式或禁用您的擴展來檢查您的代碼，如果它工作，然後嘗試使用jQuery.noConflict（）。它可能有助於 –

嘗試addClass功能：

<script> 
$("#vertical-grid").click(function(e){ 
    $("html").addClass("vertical-rhythm-grid"); 
    e.preventDefault(); 
}); 
</script>

這應該工作。

來源

2015-11-25 10:41:41 tschaefermedia

感謝您的答案，但我的代碼工作，鉻擴展引起的問題！ – riogrande

jquery不會添加類到html標記

回答

相關問題