Including jQuery in WordPress-Plugin

1 Views

I’m using jQuery/ajax in my WordPress-Plugin. When I link jQuery this way, it even works 

add_action('wp_head', 'hook_files');


function hook_files()
{
    $output = "
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js'></script>
<script src='//code.jquery.com/ui/1.11.2/jquery-ui.js'></script>
<link rel='stylesheet' href='//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css'> ";

    echo $output;    
}

But I know that this is not the right way to do. So I looked up the documentation and implemented this:

Read More
function enqueue_my_scripts()
{
    wp_enqueue_script( 'jquery' );
    wp_enqueue_script( 'jquery-ui-core' );
}
add_action('wp_enqueue_scripts', 'enqueue_my_scripts');

But then it doesn’t work anymore… Is there something wrong?

Thanks!

Post Views: 1

Related posts

Leave a Reply

1 comment

  1. I would recommend using the enqueue to load the script, especially jquery, so you could just fire it like so: [Recommended Solution]

    wp_enqueue_script('jquery');

    Or a more elobrate approach:

    function my_scripts() {
wp_enqueue_script( 'jquery' );
wp_register_style( 'prefix-style', plugins_url('mystyle.css', __FILE__) );
wp_enqueue_style( 'prefix-style' );
}
add_action('wp_enqueue_scripts','my_scripts');

    Unless you want to use a cdn or a google repo for jquery, then i would recommend doing the following:

    wp_enqueue_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js', array('jquery'));