jQuery not working in Wordpress

Question

I am using a test environment to try to get jquery working in wordpress, the installation version is 3.2.1 and the theme is 2010 (although I have tried this in a few different themes, same result). There are no plug-ins installed.

Basically I am putting this in the header file to see if I can get jQuery to work.

<script type="text/javascript">
jQuery(document).ready(function(){
alert('test');
    });
</script>

have also tried this

jQuery(document).ready(function($){

and this

$j=jQuery.noConflict(); 
// Use jQuery via $j(...)
$j(document).ready(function(){
  alert('test');
});

I can not seem to get it to display the alert when the page loads. When I check firebug the script has loaded.

jQuery works fine when not used in conjunction with WP and all scripts tested outside of WP perform as expected.

Should it work in WP 3.2.1? What can I try?

some frameworks can make your scripts is no working!

Ilya Medvedev
– Ilya Medvedev

2011-08-28 16:31:45 +00:00
Commented Aug 28, 2011 at 16:31 — Ilya Medvedev
– Ilya Medvedev, Commented Aug 28, 2011 at 16:31

Paul Sham · Accepted Answer · 2011-08-28 03:54:33Z

6

Have you added the actual jQuery script file?

There are a number of ways to do this, but I usually use the following method by including this code in the functions.php file.

<?php
    function add_jquery() {
       wp_enqueue_script( 'jquery' );
    }    

    add_action('init', 'add_jquery');
?>

Here is also a good resource for more jQuery + Wordpress usage: http://www.ericmmartin.com/5-tips-for-using-jquery-with-wordpress/

answered Aug 28, 2011 at 3:54

Paul Sham

3,2052 gold badges26 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

macmiller Over a year ago

This seems like the best way to do it. Thx

Ruslan Abuzant · Accepted Answer · 2011-08-28 03:43:29Z

0

Make sure WP itself (or another installed plugin) does not have an already embedded jQuery version that conflicts with yours.. View the source of your page and make sure only one jQuery version is loaded. Should go w/o problems.

answered Aug 28, 2011 at 3:43

Ruslan Abuzant

6316 silver badges17 bronze badges

Comments

Ionuț Staicu · Accepted Answer · 2011-08-28 12:33:20Z

0

By using wp_enqueue_script you are sure the jQuery library is loaded ONCE. You can see here how to load a JS file.

answered Aug 28, 2011 at 12:33

Ionuț Staicu

22.3k11 gold badges54 silver badges58 bronze badges

Comments

enam · Accepted Answer · 2013-01-07 18:08:11Z

0

Beside the way mentioned by Paul Sham which is absolutely correct, following way is also helpful which is also describe at THIS link.

function include_jQuery() {
    if (!is_admin()) {
        // comment out the next two lines to load the local copy of jQuery
        wp_deregister_script('jquery'); 
        wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js', false, '1.8.3'); 
        wp_enqueue_script('jquery');
    }
}
add_action('init', 'include_jQuery');

answered Jan 7, 2013 at 18:08

enam

1,1771 gold badge10 silver badges24 bronze badges

Comments

Thirumalai murugan · Accepted Answer · 2013-08-24 06:10:11Z

0

if( !is_admin()){
  wp_deregister_script('jquery');
  wp_register_script('jquery',       ("http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"), false, '1.3.1');
  wp_enqueue_script('jquery'); 
}

put this code in your current wordpress theame's function.php file in between

edited Aug 24, 2013 at 6:10

Thirumalai murugan

5,9428 gold badges34 silver badges54 bronze badges

answered Aug 24, 2013 at 5:38

Nandkishor

111 bronze badge

Comments

imnhasan · Accepted Answer · 2020-06-07 09:35:07Z

0

I find the other one, write this at the beginning of your script. $ = jQuery.noConflict();

answered Jun 7, 2020 at 9:35

imnhasan

1151 gold badge2 silver badges11 bronze badges

Comments

Sparky · Accepted Answer · 2013-03-07 22:08:03Z

-1

EDIT:

The answer below was not intended as step-by-step instructions about how to add jQuery to Wordpress. I'm simply asking him to check and see if it's already there, then I'm telling him to "not include it again" IF it's already there.

As mentioned in comments, wp_enqueue_script is the absolute best way to add jQuery to Wordpress, whenever you need to add jQuery.

Of course jQuery works within Wordpress but I am not sure if it's already included within the Twenty-Ten theme by default. Check to see if the script includes tags are there. You need something like this in the header someplace before you can call any JavaScript that uses jQuery...

<script type='text/javascript' src='/jquery.js?ver=1.6.1'></script>

(Make sure you're not including it more than once or multiple versions.)

edited Mar 7, 2013 at 22:08

answered Aug 28, 2011 at 3:42

Sparky

98.8k26 gold badges202 silver badges293 bronze badges

8 Comments

Paul Sham Over a year ago

$ cannot be used as replacement for jQuery in Wordpress without doing some jQuery no conflict methods. Also, it's recommended that you use wp_enqueue_script to load in jQuery to avoid conflicts.

Sparky Over a year ago

@Paul: Yes, all good things you mention. However, I'm not instructing him how to add it... I'm telling him to make sure it's already there and not include it again IF it's already there.

macmiller Over a year ago

Did not try $ currently. THAT WORKED!! (adding script to source in the jquery.js) I thought it was loaded by default?? Also should wp_enqueue_script be used or is it OK to just source in the jquery? IT IS WORKING... although still a bit confused. OH, just see about the wp_enqueue_script comment. I will try that although before it did not seem to be working.

Sparky Over a year ago

Whenever you add a plugin requiring jQuery, the plugin may add jQuery again, hence the need of using something like the wp_enqueue_script. I would recommend it.

Ionuț Staicu Over a year ago

This is totally not the way you include js in jquery! scribu.net/wordpress/optimal-script-loading.html

|

Collectives™ on Stack Overflow

jQuery not working in Wordpress

7 Answers 7

1 Comment

Comments

Comments

Comments

Comments

Comments

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

1 Comment

Comments

Comments

Comments

Comments

Comments

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related