[Theme: Twenty Eleven] wp_enqueue_script problems

Hi Marcus,

Sorry I wasn’t very clear in my original reply. Replace the ‘before’ piece of code with the ‘after’ piece of code.

I’m not sure what you mean regarding plugins. All of your plugins will still be handled through the wp-admin backend – as long as your theme still has the wp_head() and wp_footer() functions and they’re in the right place.

If you’re talking about using your functions.php to call/include scripts, do the exact same thing as the “after” piece of code (except you probably don’t need to wp_deregister_script() for most). You can add the code into your header.php file to include it, but it’s much easier to run into conflicts and as a wp nerd I am obliged to at least say it’s considered “bad coding practice” to do that.

wp_enqueue_script(
  'Script' // Unique handle for the script
  , get_stylesheet_directory_uri() . '/js_folder/script.js'
  , array('jquery') /* This is an array of handles for scripts that need to be included before we can enqueue this script i.e. slipslap needs jquery to run, hence slipslap will have array('jquery') as a dependency */
  , $ver // version of the script
  , $in_footer /* if set to true, it will call this script in wp_footer(). This is probably the exact same thing Chris Coyier was doing - not necessary but it can help optimize page load times or at least the appearance of page load times. */
);

Regarding the “jQuery prefix”, it does not matter. As long as you enqueue the script with its dependencies and refer to those dependencies by their handle – for example array('jquery') – wordpress will know that it needs to include the jquery script first. /* run on sentence - will fix later */

Hope that helps… cheers!

Hi Marcus,

Glad you have it working. I have to apologize, I did it wrong the first example I gave you! Yikes!

The action I gave you to hook into was wrong:
add_action('wp_head', 'my_register_jquery_function');

That’s why when you put this in:
add_action('wp_enqueue_scripts', 'my_register_jquery_function');
it started working. Aha! Right hook!

Well done. See? You didn’t need anyone’s help. Here’s how it should look in total then:

function my_register_jquery_function() {
  wp_deregister_script('jquery');
  wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"), false, '1.7.1');
  wp_enqueue_script('jquery');

  wp_enqueue_script(
    'slipSlap'
    , get_stylesheet_directory_uri() . '/js/slipSlap.js'
    , array('jquery')
  );
}
add_action('wp_enqueue_scripts', 'my_register_jquery_function');

You can put all of the scripts you want to enqueue inside of this one function like I did for you with slipslap.

Lesson to me – do not do from memory. Sorry for the confusion I might have given anyone!

Cheers,
Ryan

Hello,
i find this post looking for a link with a problem like this one.
I followed your conversation and i ended up adding the following function to my child-theme file: functions.php

function my_register_jquery_function() {
  wp_deregister_script('jquery');
  wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"), false, '1.7.1');
  wp_enqueue_script('jquery');

  wp_enqueue_script(
    'slidingform'
    , get_stylesheet_directory_uri() . '/js/slidingform.js'
    , array('jquery')
  );
}
add_action('wp_enqueue_scripts', 'my_register_jquery_function');

the truth is that i can’t make it work. i have the file ‘slidingform.js’ in both parent and child path in a folder called ‘js’ but it won’t activate.

Could it because in the functions.php, on the top i have the following function:

function sout_my_init() {
	if (!is_admin()) {
		wp_deregister_script('jquery');
		wp_register_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js', false, '1.7.1');
		wp_enqueue_script('jquery');
	}
}
add_action('init', 'sout_my_init');

Help please!