如何解决WordPress自定义页面中的“TypeError:$不是函数”错误?

时间:2013-08-18 03:56:00

标签: jquery html wordpress

我通过插件创建了自定义WordPress页面,我希望使用此代码切换开/关评论

<script type="text/javascript">                 
  $("comment_switch").click(function () {
    $("comments").toggleClass("hidden");
  });
</script> 

我把它放在<body>标签内。为了生成<head>标记,我使用了标准的WordPress函数wp_head();。当我检查页面的源代码时,我可以在头部<script src="http://10.1.1.6/wp-includes/js/jquery/jquery.js?ver=1.10.2" type="text/javascript">中看到,我认为它足以使用jQuery。

有人可以帮我制作jQuery代码吗?可以找到页面的完整源代码here

3 个答案:

答案 0 :(得分:29)

您可能缺少一些.类标记和 DOM就绪函数

jQuery(function($) { // DOM is now ready and jQuery's $ alias sandboxed

    $(".comment_switch").click(function () {
        $(".comments").toggleClass("hidden");
    });

});

答案 1 :(得分:-2)

你需要将你的javascript封装在DOM ready事件

上执行的函数中
<script type="text/javascript">                 
 $(function () {
   $("comment_switch").click(function () {
    $("comments").toggleClass("hidden");
  });
});
</script> 

答案 2 :(得分:-2)

my @rows = `egrep -r -i -I -H -A5 "^name#maria.*?#[0-9]{4}#.*?#.*?#.*?$" .`;