我通过插件创建了自定义 WordPress 页面，我想在其中使用此代码打开/关闭评论
<script type="text/javascript">
$("comment_switch").click(function () {
$("comments").toggleClass("hidden");
});
</script>
我把它放在<body>标签里面。为了生成<head>标签，我使用了标准的 WordPress 函数wp_head();。当我检查页面的源代码时，我可以在 head 部分看到<script src="http://10.1.1.6/wp-includes/js/jquery/jquery.js?ver=1.10.2" type="text/javascript">我认为足以使用 jQuery 的部分。
有人可以帮助我使 jQuery 代码工作吗？页面的完整源代码可以在这里找到
您可能缺少一些.类标记和DOM 就绪功能
jQuery(function($) { // DOM is now ready and jQuery's $ alias sandboxed
$(".comment_switch").on("click", function () {
$(".comments").toggleClass("hidden");
});
});
您需要将 javascript 封装在在 DOM 就绪事件上执行的函数中
<script type="text/javascript">
$(function () {
$("comment_switch").click(function () {
$("comments").toggleClass("hidden");
});
});
</script>
<script type="text/javascript">
(function () { // 1) remove the "$"
$(".comment_switch").click(function () { // 2) add "." if this a class or "#" // if it is an id
$(".comments").toggleClass("hidden");
});
});
</script>