If you’re seeing the ‘jQuery isn’t defined’ error on your WordPress admin area (or somewhere else), don’t worry – you’re now not on my own. This can be a no longer odd issue that many WordPress shoppers bump into. That mentioned, it can be frustrating when your internet website doesn’t art work as expected.

We’ve been working with WordPress for well over a decade, and all over that time, we’ve came upon recommendations on troubleshoot and resolve one of the crucial the most important most no longer odd WordPress errors. That comprises the ‘jQuery isn’t defined’ error.

In this data, we’ll speak about why this error occurs and, additional importantly, recommendations on restore it. We’ll give an explanation for the whole lot in simple words, so even if you’re now not a developer, you’ll be able to apply along and resolve the problem in short.

What Causes the ‘jQuery isn’t defined’ Error?

jQuery is a broadly used JavaScript library in WordPress this is serving to run many interactive choices. Then again, each and every so continuously, it’ll fail to load correctly, which may affect the potential of your internet web page.

The error turns out inside the developer equipment underneath the Console tab, such a large amount of shoppers may not understand it until something breaks on their internet website.

If you see the ‘jQuery isn’t defined’ error, it manner WordPress is having bother loading it accurately. Over the years, we’ve helped a lot of shoppers restore this issue, and we’ve came upon that it in most cases stems from a few no longer odd causes:

1. Out of date Topic issues or Plugins: Many purchasers bump into this error when their topic issues or plugins aren’t up-to-the-minute to test the latest style of WordPress. We’ve regularly spotted this happen after primary WordPress updates.
2. Wrong Script Loading: jQuery should be loaded previous than other JavaScript data. If it’s now not, scripts that depend on jQuery will spoil. This regularly occurs if topic issues or plugins aren’t coded correctly to enqueue scripts​.
3. JavaScript Conflicts: Other scripts working on your internet website may war with jQuery, specifically within the tournament that they’re now not accurately loaded. This war can spoil jQuery, causing the error.
4. CDN Screw ups: Some web sites rely on jQuery hosted on a Content material Supply Community (CDN). If the CDN is unavailable or blocked, the internet website won’t be able to load jQuery, resulting inside the error.​

All of the ones issues can prevent jQuery from working simply. On the other hand don’t worry – with our revel in, we can data you during the solutions to resolve the problem.

Restore the ‘jQuery isn’t defined’ Error

There are a selection of techniques to fix this error whilst you bump into it. Beneath are one of the best methods we’ve used to fix this problem.

We suggest testing the ones strategies in order, alternatively you’ll use the soar links beneath should you’d like to start with a selected one:

We’ll transfer over every of the ones methods and then get a hold of some additional property for troubleshooting WordPress errors. Let’s get to it!

1. Change WordPress, Topic issues, and Plugins

Out of date software is one of the most no longer odd causes of the ‘jQuery isn’t defined’ error. Out of date topic issues or plugins might not be suitable with the latest style of WordPress, which can lead to script conflicts. To fix this:

First, ensure that your WordPress core is up-to-the-minute. Navigate to Dashboard » Updates and click on on ‘Change to style X.X.X’ if an change is available.

See our complete data on safely updating WordPress to a brand new model for added details.

Your WordPress plugin updates may well be listed beneath the core change.

You’ll make a selection all of them and click on on ‘Change Plugins.’

In spite of everything, you’re going to look updates on your WordPress topic issues.

Simply make a selection all of them and click on on ‘Change Topic issues.’

If you’re concerned regarding the changes you will have made on your theme, apply our data on recommendations on replace your WordPress theme with out shedding customizations.

2. Check out If jQuery Is Loaded As it should be

Previous to exploring additional advanced solutions, it’s vital to check whether or not or no longer jQuery is actually being loaded on your internet website. This step helps you examine whether or not or no longer the jQuery is available and functioning as a result of it’s going to must.

Simply right-click anywhere on your WordPress internet website and make a selection ‘View Internet web page Provide.’

This may increasingly show you the raw HTML and JavaScript on your internet web page.

Next, press Ctrl +F (or Cmd + F on Mac) to hold up the hunt bar, and kind ‘jquery.min.js.’

If jQuery is loaded correctly, you’ll have to see a reference to it inside the code.

Otherwise to seek for jQuery is to use your browser’s Check out Device. Simply transfer to the ‘Group’ tab and reload the internet web page.

Filter out the neighborhood procedure by the use of typing ‘jquery’ inside the search bar. If jQuery is loaded, you’ll see it listed appropriate right here.

If you don’t see jQuery loaded in each means, the issue may be how it’s enqueued in WordPress. Inside the following steps, we’ll data you through fixing this.

3. Add a jQuery Fallback

Each so continuously, a script on your internet website may be loading jQuery the use of a CDN that is having connectivity issues. If that’s the case, it might fail to load jQuery and reason the error.

To fix the problem, you’ll add a jQuery fallback on your WordPress internet website. This promises that jQuery is all the time loaded.

You want so to upload it on your internet website’s head phase to make sure it moderately a bit of first. Then again, we don’t counsel bettering theme data directly. We’ve spotted other folks lose their changes when updating the theme and the code they added.

One of the best ways to upload customized code in WordPress is to use the WPCode plugin. It is a code snippet manager that allows you to add custom designed code safely without breaking your internet website.

First, arrange and switch at the WPCode plugin. For details, see our tutorial on putting in a WordPress plugin.

Once activated, transfer to Code Snippets » + Add Snippet. Then, click on on on the ‘Use snippet’ button underneath ‘Add Your Custom designed Code (New Snippet).’

Inside the code editor, give your snippet a name like ‘jQuery Fallback.’

After that, make a selection ‘HTML Snippet’ for the ‘Code Sort.’

Next, paste the following code inside the ‘Code Preview’ box:

    window.jQuery || file.write('')

Then, scroll appropriate all the way down to the ‘Insertion’ phase.

Proper right here, you’ll tell WPCode where to load this code. Just remember to make a selection ‘Internet web page Large Header.’

After all, click on at the ‘Save Snippet’ button at the top to avoid wasting a number of your custom designed code.

After that, don’t fail to remember to show at the snippet by the use of switching the toggle to ‘Vigorous.’

4. Restore Script Loading Order (Difficult)

Every other no longer odd reason for the ‘jQuery isn’t defined’ error is that jQuery is loading after other scripts that rely on it. Fixing the script loading order promises that jQuery is all the time loaded first, fighting conflicts.

If you know which script is dependent upon jQuery, you’ll enqueue that script correctly by the use of together with jQuery as a dependency.

If the ‘jQuery isn’t defined’ error is resulted in by the use of jQuery loading after other scripts that depend on it, you’ll restore the script loading order the use of WPCode.

First, arrange and switch at the WPCode plugin, or go for the free style known as WPCode Lite.

Once activated, transfer to Code Snippets » + Add Snippet and click on on on the ‘Use snippet’ button underneath ‘Add Your Custom designed Code (New Snippet).’

Inside the code editor, give your snippet a name like ‘Restore Script Loading Order’ and make a selection ‘PHP snippet’ as your code sort.

Then, add the following code to make sure jQuery is enqueued as a dependency for any custom designed scripts:

wp_enqueue_script( 'your-script-handle', get_template_directory_uri() . '/js/your-script.js', array( 'jquery' ), null, true );

Don’t fail to remember to modify ‘your-script-handle’ with a vital determine to identify the script. And alter the ‘/js/your-script.js’ with the actual script report determine on your theme’s /js/ folder.

The array('jquery') phase inside the code promises that jQuery is loaded first.

Once you have added the code, scroll appropriate all the way down to the ‘Insertion’ alternatives and make a selection ‘Internet web page Large Header’ to verify the script is loaded in the right kind part of your internet website’s HTML.

After all, click on at the ‘Save Snippet’ button at the top to avoid wasting a number of your custom designed code.

After that, don’t fail to remember to show at the snippet by the use of switching the toggle to ‘Vigorous.’

The use of WPCode to accurately enqueue scripts promises jQuery is loaded in the right kind order. If that was once as soon as the issue’s root, this should resolve the error.

5. Edit wp-config.php to Restore jQuery Loading Issues

If the other methods haven’t worked, enhancing the wp-config.php record can help by the use of controlling how WordPress handles script loading.

This method is really useful if script concatenation or report path issues are causing the ‘jQuery isn’t defined’ error.

Proper right here’s recommendations on practice the program:

First, get admission to your wp-config.php report. You’ll do this the usage of an FTP shopper like FileZilla or by the use of gaining access to the report manager on your internet webhosting keep watch over panel.

The wp-config.php report is located inside the root list of your WordPress arrange (in most cases inside the public_html folder).

In the event you’ve located the report, open it for boosting and add the following code merely previous than the street that says /* That’s all, save you bettering! Happy working a weblog. */:

/** Absolute path to the WordPress list. */
if ( !defined('ABSPATH') )
define('ABSPATH', dirname(FILE) . '/');
define('CONCATENATE_SCRIPTS', false);

Proper right here’s what this code does:

• The ABSPATH definition promises that WordPress is conscious about the right kind path to its core data, which is able to prevent jQuery loading issues.
• The CONCATENATE_SCRIPTS line disables script concatenation. This forces WordPress to load every script one after the other, fighting conflicts that get up when scripts are merged.

After together with this code, save your changes and reload your internet website to seem if the error has been resolved.

Disabling script concatenation is normally a simple alternatively environment friendly restore for jQuery issues, specifically when other methods don’t art work.

6. Get Best elegance Improve to Restore the Error for You

If no longer one of the crucial above methods art work or it’s possible you’ll simply somewhat have a professional take a look at your issue, then you definitely for sure should consider the use of our Top class WordPress Beef up services.

For a small one-time fee, you’ll hire our extraordinarily skilled, professional WordPress engineers to fix the error for you.

When you choose our emergency services, you won’t should take care of the trouble of having a look to fix the ‘jQuery isn’t defined’ error on your own.

This way, your internet website will revel in minimal downtime, and also you’ll resume your small business operations as soon as possible.

Plus, our emergency services won’t lock you into a contract, so it can be a very good selection should you aren’t interested by a full-blown maintenance fortify plan.

That mentioned, we do offer additional entire Repairs Services and products if you want to take a additional proactive way and scale back the danger of internet web page emergencies someday.

Bonus Resources: Troubleshooting WordPress Errors

If all the above steps don’t help differently you want to be informed further, then the following property may well be superb starting problems:

• Novice’s Information to Troubleshooting WordPress Mistakes (Step via Step)
• Correctly Upload JavaScripts and Kinds in WordPress
• Maximum Commonplace WordPress Mistakes and Repair Them
• Repair Render-Blocking off JavaScript and CSS in WordPress

We hope this newsletter helped you restore the ‘jQuery isn’t defined’ error in WordPress. You may additionally want to see our data on upgrading jQuery to the newest model in WordPress or our choose of the most efficient jQuery tutorials for WordPress freshmen.

If you most popular this newsletter, then please subscribe to our YouTube Channel for WordPress video tutorials. You’ll moreover to search out us on Twitter and Fb.

The put up Repair WordPress ‘jQuery isn’t outlined’ Error (6 Techniques) first appeared on WPBeginner.

WordPress Maintenance

[ continue ]

read more