Home | Blog | Code Snippet | WordPress Themes and jQuery Conflicts

Have you ever been building a theme, creating a plugin, or modifying a child theme and discovered a jQuery conflict? Well, I have. And usually it’s not a big deal. I’ve been working on a site though that was having a lot of issues. It was already needing to load 2 different versions of jQuery to work (an older version for some scrolling work, and the most recent for Bootstrap). While it all worked fine in the initial html build, once it started to be converted to a WordPress theme there were serious problems. It turns out that WordPress comes preloaded with jQuery. You don’t add it to your theme functions.php file. It’s just there.

But the problem is that now I was suddenly loading 3 versions of jQuery! This is NOT GOOD!

So here’s the code you need in order to disable the native WP jQuery (thank you CSS Tricks for this solution)!

if (!is_admin()) add_action("wp_enqueue_scripts", "my_jquery_enqueue", 11);
function my_jquery_enqueue() {
   wp_deregister_script('jquery');
   wp_register_script('jquery', "http" . ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") . "://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js", false, null);
   wp_enqueue_script('jquery');
}

Replace the “://ajax…” with the path to whichever version you’re using. That’s it!