wordpress + jquery syntax error

Question

I got this code here...

<script type="text/javascript">
    $('document').ready(function() {
        alert($('.thickbox'));
    });
</script>

and I put this code in my wordpress theme footer.php file at the bottom. When I went to my page, the alert did not appear, I check my error console and found this error

TypeError: $ is not a function  

$('document').ready(function() {

what gives? my jquery file is in the header, so this should work...or is there a specfic way to put jquery in wordpress?

If you're including jQuery after that line of script, it won't work as script tags are processed inline. — Mike Christensen
– Mike Christensen, Commented Sep 17, 2012 at 15:47
Nope, I am including jQuery first and then that line of code, should work — user1269625
– user1269625, Commented Sep 17, 2012 at 15:49
Ahhh man, someone put a link on here and I was totally about to click on it and then bam gone :( — user1269625
– user1269625, Commented Sep 17, 2012 at 15:50

JKirchartz · Accepted Answer · 2012-09-17 15:53:05Z

6

Wordpress's packaged jQuery defaults to noConflict mode, use jQuery('document'), or wrap your code like

(function($) { 
    // Code that uses jQuery's $ can follow here.
})(jQuery);

or in your document ready like this:

jQuery(document).ready(function($) {
    // Code that uses jQuery's $ can follow here.
});

edited Sep 17, 2012 at 15:53

answered Sep 17, 2012 at 15:47

JKirchartz

18.1k8 gold badges64 silver badges89 bronze badges

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

1 Comment

user1269625 Over a year ago

thanks JKirchartz...it worked but you have an extra ( at the top

Philippe Boissonneault · Accepted Answer · 2012-09-17 15:47:34Z

1

try jQuery instead of $

jQuery('document').ready(function($){
    alert($('.thickbox'));
});

answered Sep 17, 2012 at 15:47

Philippe Boissonneault

3,9493 gold badges28 silver badges33 bronze badges

Comments

gehsekky · Accepted Answer · 2012-09-17 15:47:51Z

1

'$' is just an alias for 'jQuery'. if $('document') isn't working, try jQuery('document')

answered Sep 17, 2012 at 15:47

gehsekky

3,2192 gold badges23 silver badges14 bronze badges

Collectives™ on Stack Overflow

wordpress + jquery syntax error

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related