Wordpress: Load only one jquery script on website

Question

Just about to launch a WordPress site but have noticed that it's currently loading in two jquery files, one in wp-includes and one from my header.php, is there a way to make wordpress load the wp-include one on the front end? Done quite a bit of search and have the only mention of this seems to include the following code, but I can't find any documentation about it, any ideas?

<?php wp_enqueue_script("jquery"); ?>

score 5 · Accepted Answer · answered Jan 09 '12 at 12:44

5

As of WordPress 3.3, this is the best way to do it, using the proper hook:

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');
}

answered Jan 09 '12 at 12:44

JimSteinhart

160
1
10

Thanks looks great, am I correct in thinking this would go in my themes functions.php? Many thanks! – Nick Jan 11 '12 at 12:34
No problem. You're right, this goes in your themes function.php – JimSteinhart Jan 12 '12 at 10:05

score 0 · Answer 2 · answered Jan 09 '12 at 10:44

0

you need to include the following code before <?php wp_head(); ?> in your header.php

<?php wp_enqueue_script("jquery"); ?>

and you can remove other jquery includes from header.php

answered Jan 09 '12 at 10:44

Aram Mkrtchyan

2,690
4
31
47

Thanks, however this seems to load in jquery last which in turn means that my other scripts don't initialise correctly, they are included at the bottom of the head as "" any ideas? – Nick Jan 09 '12 at 11:05
include this line before your script includes – Aram Mkrtchyan Jan 09 '12 at 11:06
I currently have the following which doesn't seem to work: ` ` – Nick Jan 09 '12 at 11:16
can you check if jquery is included or not ? – Aram Mkrtchyan Jan 09 '12 at 11:20
it seems to be included but is loaded last when using the enqueue script – Nick Jan 09 '12 at 12:23
You would also want to enqueue your scripts using the same method, this way you can ensure jquery is loaded first by simply placing the enqueue script call for jquery above the one for your own script, as RonakG has demonstrated – dougajmcdonald Jan 09 '12 at 12:48
use can just try to put the `wp_enqueue_script("jquery");` into the functions php – Aram Mkrtchyan Jan 09 '12 at 13:08

score 0 · Answer 3 · answered Jan 09 '12 at 11:38

In addition to what Aram Mkrtchyan said, you can enqueue your scripts also using wp_enqueue_script().

<?php
    wp_enqueue_script('jquery');
    wp_enqueue_script('your_script', "path/to/your/script.js" , array('jquery'));
?>

The third argument to wp_enqueue_script() tells WordPress that your_script is dependent on jquery, so load it only after jquery has loaded.

score 0 · Answer 4 · answered Jan 09 '12 at 11:46

0

Actually, you need to use admin_init hook to make it work in admin section:

function jquery_for_admin() {
  wp_enqueue_script('jquery');
  return;
}

add_action('admin_init', 'jquery_for_admin');

answered Jan 09 '12 at 11:46

Oleksandr Skrypnyk

2,762
1
20
25

Wordpress: Load only one jquery script on website

4 Answers4

Linked