[Emily]

I have seen this problem sometimes. The dollar sign shorthand doesn’t work and the script will simply not load. I have read to change “$” to be “jQuery” for all instance, is this really necessary? very messy…..

[Debra]

for example, in my Child Theme files.

[Marie]

Here’s a good blog post you might want to check out:

https://dannyda.com/2022/05/22/how-to-use-jquery-where-we-cant-use-the-dollar-sign-does-not-work/

[Kyle]

great cheers mate.

[Christopher]

You must use the compatibility mode in WordPress jQuery:

/* Regular jQuery */
$('.hideable').on('click', function() {
  $(this).hide();
})

/* Compatibility Mode */
jQuery('.hideable').on('click', function() {
  jQuery(this).hide();
})

How To Properly Add jQuery Scripts To WordPress

This article is fantastic and tells you pretty much everything you need to know about how to correctly load jQuery scripts in WordPress. Also remember that WordPress bundles the jQuery library already, so you don’t need to embed that anywhere.

[Stephanie]

TLDR here’s the common way to save keystrokes:

(function($) {
	
  $('.hideable').on('click', function() {
    $(this).hide();
  })
	
})( jQuery );

It tells the script to treat any $ sign as jQuery string.

[Anna]

a better question is why tf did jQuery bake this into their codebase lol

[Andrew]

@Stephanie method is most common.

[Author]

Posts