Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to fix "TypeError: $ is not a function" error in WordPress custom page?

I created custom WordPress page via plugin where I want to toggle on/off comments using this code

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

I placed it inside the <body> tag. To generate <head> tag I used standard WordPress function wp_head();. When I check the source code of the page I can see in head section <script src="http://10.1.1.6/wp-includes/js/jquery/jquery.js?ver=1.10.2" type="text/javascript"> which I thought would be enough to use jQuery.

Could someone help me to make the jQuery code work? The whole source code of the page could be found here

like image 750
Radek Avatar asked Aug 18 '13 03:08

Radek


1 Answers

You're probably missing some . class markup and the DOM ready function

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

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

});
like image 199
Roko C. Buljan Avatar answered Oct 16 '22 08:10

Roko C. Buljan