Additionally, apart from the “where” of your wp_enqueue_script() function (i.e. theme, plugin, etc.), the “when” is also important, in terms of WP’s Action Reference hooks, and the order in which they’re fired. There are 2 distinct script-related hooks, wp_enqueue_scripts and admin_enqueue_scripts, which allow for separation of scripts and styles depending on which view the user … Read more
How about API? Let’s Check this example. $id = ‘plugin-id’; $syffix = ( ( defined( ‘SCRIPT_DEBUG’ ) && SCRIPT_DEBUG ) ? ” : ‘.min’ ); $script_url = plugins_url( ‘js/’ .$id . $suffix . ‘.js’, __FILE__ ); $dependencies = array( ‘jquery’, ‘underscore’ ); wp_register_script( $id, $script_url, $dependencies, $version, true ); wp_localize_script( $id, ‘pluginJSL10nData’, array( ‘home’ => … Read more
Using wp_enqueue_script or wp_print_script function you can load your JS file after jQuery loaded. Usage Reference – <?php wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer ); ?> The $dep argument (dependencies) should be an array or null or empty, and should not be used the way you did on your code. It will be on with … Read more
Your code is correct, though I would not add the callback if the function name has already been used. If someone else has used the name you don’t know what you might be adding. if(!function_exists(‘bi_frontend_scripts’)) { function bi_frontend_scripts() { wp_enqueue_script(‘jquery’); // I originally wanted to do: wp_enqueue_script(‘jQuery.bxSlider’, get_bloginfo(‘template_url’).’/scripts/jquery.bxslider/jquery.bxslider.min.js’, array(‘jquery’)); } add_action(‘wp_enqueue_scripts’, ‘bi_frontend_scripts’); } I also … Read more
The init hook is too early — WordPress hasn’t yet identified the queried object (post, category, etc.); hence the is_page() doesn’t work there: add_action(‘init’, ‘register_script’); So for conditional tags/functions like is_page(), is_single(), etc. to work (i.e. return the proper result), you should use wp or a later hook: add_action(‘wp’, ‘whatever_function’); But for registering/enqueueing scripts and … Read more
Just a few notes on your code You should dequeue and deregister a script to remove it completely from the $wp_scripts global You should not be using wp_print_scripts, this is the wrong hook. You should be using wp_enqueue_scripts Don’t wrap your action in a conditional. Your conditional tag might either be set to early or … Read more
Ok, firstly let me just break it down a little, so you understand the purpose of these functions. wp_enqueue_script() Description: A safe way of adding javascripts to a WordPress generated page. Basically, include the script if it hasn’t already been included, and load the one that WordPress ships. wp_localize_script() Description: Localizes a script, but only … Read more
When you enqueue scripts, they get output with wp_head(), so if you want inline scripts after, put them after wp_head(). However, if you’re putting scripts inline just to add some php, a better route would be to enqueue it and use wp_localize_script to set whatever js vars you need from php.
How to load script-related styles automatically?
There’s not enough information to really determine what is happening, but the best course of action is to make sure your code is only added to the options page, so it can’t interfere with anything on the edit page. You can use get_current_screen for that, like this: add_action( ‘current_screen’, ‘wpse113256_this_screen’ ); function wpse113256_this_screen() { $current_screen … Read more