jQuery + WordPress: $ is not defined

Question

The following code is having some problem with the jQuery.

<script type="text/javascript">
        $(window).load(function() {
            ..
        });
    </script>

If I include jQuery in the document head and then use the above code, it will work fine. However, if I use include jQuery using the Wordpress function wp_enqueue_script, I get following error: $ is not defined. I can see from the page source that the jQuery is loaded properly in the header. How can I fix it?

Christian · Accepted Answer · 2012-06-18 07:34:14Z

3

Use the word jQuery instead of $ and pass it a $ reference

jQuery(function($) {
    // you can use $ here
    $(window).load(function() {
        ..
    });
});

answered Jun 18, 2012 at 7:34

Christian

19.8k3 gold badges57 silver badges70 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nimantha · Accepted Answer · 2023-11-16 16:45:46Z

2

Use jQuery with a capital Q instead of $ to make it work. Wordpress usually includes a script which calls jQuery.noConflict() at the end, leaving $ undefined.

jQuery(function($) { //jQuery passed in as first param, so you can use $ inside
   // use $
});

edited Nov 16, 2023 at 16:45

Nimantha

6,5376 gold badges32 silver badges78 bronze badges

answered Jun 18, 2012 at 7:34

Tats_innit

34.1k10 gold badges74 silver badges77 bronze badges

Collectives™ on Stack Overflow

jQuery + WordPress: $ is not defined

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related