JQuery not working in Mozilla

[codeispoetry]

 ReferenceError: jQuery is not defined
[Learn More]
26938.js:5:1
JQMIGRATE: Migrate is installed, version 1.4.1

Learn more has this link

Background:

As far as I know, then the Wordpress core has JQuery so in my theme normally I do not include a separate JQuery, and all the sections work well in chrome without including a sperate JQuery in the theme.

But Mozilla is throwing an error and some features of the theme don’t work.

This is how we include a javascript in the Wordpress.

[Paul_Wilkins]

A quick google search reveals this answer:

Add wp_enqueue_script('jquery'); before you enqueue your scripts.

[codeispoetry]

@Paul_Wilkins

Add wp_enqueue_script(‘jquery’); before you enqueue your scripts.

I think the correct process for that would be to deregister JQuery first and the register it as you suggested, but deregistering JQuery is not an advocated practice.

Here are two references:

Reference #1
Reference #2

A no conflict mode is discussed here. Maybe that could be the solution to my problem.

JQuery UI not loading without explicit loading of jQuery

To J Nowell has given this solution here →
It likely doesn’t work because jQuery is in no conflict mode and you need to use jQuery(…) rather than $(…) or use an appropriate wrapper – Tom J Nowell

what does that mean using an appropriate wrapper?

But I think the issue here is that JQuery is working, but showing an error in Mozilla console where it is not working.

[m3g4p0p]

Hm no the way you registered your script looks alright… also if it was a backend issue, it wouldn’t work in chrome either. You might disable caching there though, just to rule that out. And as for noconflict mode, if this was the problem I think you’d get an error that $ is not defined, not jQuery.

Could you maybe provide a link so that we can inspect the sources?

[codeispoetry]

@m3g4p0p

Hm no the way you registered your script looks alright… also if it was a backend issue, it wouldn’t work in chrome either. You might disable caching there though, just to rule that out. And as for no conflict mode, if this was the problem I think you’d get an error that $ is not defined, not jQuery.

I think it is fixed now →

wp_enqueue_script() | Function | WordPress Developer Resources

When you enqueue script that is dependent on jQuery, note that the jQuery in WordPress runs in noConflict mode, which means you cannot use the common $ alias. You must use the full jQuery instead. Alternately, place your code using the $ shortcut inside a noConflict wrapper.

jQuery( document ).ready( function( $ ) {
    // $() will work as an alias for jQuery() inside of this function
    [ your code goes here ]
} );

#Previously it was like this:

( function( $ ) {
    // $() will work as an alias for jQuery() inside of this function
    [ your code goes here ]
} );

so was not working somehow in Mozilla.

#so for the Future visitors:

Please be informed that this extra bit is added:

jQuery( document ).ready

@m3g4p0p

Could you maybe provide a link so that we can inspect the sources?

It looks like its fixed else for sure I would have provided you (and @Paul_Wilkins ) in a PM(because some privacy and copyright issue associated with the links: content, design etc)