• 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
WordPress Plugin Development - How to use JQuery / JavaScript?
#1
Just started developing a plugin for WordPress, wanted to use some JQuery in the Plugin Admin interface.
How do I properly include and call JQuery?
For instance, on a normal HTML page I would just include the JQuery library, then call this script:
Code:
$(document).ready(function(){
    alert('Hello World!');
});
How can I do this in a WordPress Plugin PHP file?
please help me
  Reply
#2
Firstly, you always have to use a no-conflict wrapper in Wordpress, so your code would look like :
Code:
jQuery(document).ready(function($){
    alert('Hello World!');
});
Secondly, it's good practice to put your javascript in external files, and in a Wordpress plugin you would include those like this :
Code:
wp_register_script( 'my_plugin_script', plugins_url('/my_plugin.js', __FILE__), array('jquery'));

wp_enqueue_script( 'my_plugin_script' );
This includes your script, and sets up jQuery as a dependency, so Wordpress will automatically load jQuery if it's not already loaded, making sure it's only loaded once, and that it's loaded before your plugins script.
And if you only need the script on the admin pages, you can load it conditionally using Wordpress add_action handlers:
Code:
add_action( 'admin_menu', 'my_admin_plugin' );

function my_admin_plugin() {
    wp_register_script( 'my_plugin_script', plugins_url('/my_plugin.js', __FILE__), array('jquery'));
    wp_enqueue_script( 'my_plugin_script' );

    // do admin stuff here
}
  Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)