JavaScript Libraries in WordPress

Question

I understand that in order to use a JavaScript library in WordPress, such as jQuery, we have to use the following code to prevent conflicts:

function my_scripts_method() {
    wp_enqueue_script( 'jquery' );
}

add_action('wp_enqueue_scripts', 'my_scripts_method' ); 

But how do I go about using a library that is not in the list of defined WordPress libraries. I am in particular interested in using the library at pikachoose.com which depends on jQuery, and must be intialized after jQuery. How do I go about that?

Answer 1

This is how you should do this:

function my_scripts_method() {
    wp_enqueue_script(
        'pikachoose',  // this is your custom name for this JS lib
        get_stylesheet_directory_uri() . '/js/pikachoose/jquery.pikachoose.min.js',  // this is the url address of it's file (let's say you put it in your theme directory under /js/pikachoose/ directory
        array( 'jquery' )  // it depends on jquery
    );
}
add_action( 'wp_enqueue_scripts', 'my_scripts_method' );

You can find full reference of wp_enqueue_script here: http://codex.wordpress.org/Function_Reference/wp_enqueue_script