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标记

回答

相关问题