I also found that Cloudflare Rocket Loader would cause javascript errors in this situation. When the .js file was marked to be ignored, but the inline js was unable to be so marked, undefined errors would occur when the script tried to access the async-loaded inline data. The approach detailed in How to intercept already … Read more
Yes, you should use wp_enqueue_script(). The script will be loaded in the footer (action: wp_footer()). Just once. To inspect the order of available hooks, functions etc. per request try my plugin T5 WP Load Order.
It appears that ‘customize_controls_enqueue_scripts’ also works and may be the intended function. function theme_customize_style() { wp_enqueue_style(‘customize-styles’, get_template_directory_uri() . ‘/customize.css’); } add_action( ‘customize_controls_enqueue_scripts’, ‘theme_customize_style’ );
What you’re looking for is two things: The wp_tiny_mce function that loads all the needed JS etc The code below: This to setup the JS etc: // Setup the TinyMCE stuff and target it at our desired textarea wp_tiny_mce( true, array( “editor_selector” => ‘tinymce_class’ ) ); And this HTML where you need the editor box: … Read more
The following (in your theme’s functions.php) will register your script, and set jQuery as a dependency. So when you enqueue it, jQuery will also be enqueued. function my_scripts_method() { // register your script location, dependencies and version wp_register_script(‘my_custom_script’, get_template_directory_uri() . ‘/js/custom_script.js’, array(‘jquery’), ‘1.0’ ); } add_action(‘wp_enqueue_scripts’, ‘my_scripts_method’); You can then enqueue your script one of … Read more
Try changing the first line of your custom JS file. jQuery(document).ready(function($) { jQuery operated within WordPress should be run in compatibility mode. That line allows this to happen, as per point #5 here.
You can’t have both: you either use wp_enqueue_script() or head.js Or, you do some wacky hacking to translate the WP script dependency tree into head.js calls. NB: Replace head.js with whatever library you want to use.
You need to enqueue the scripts as well, not only register them. You can, however, just simply enqueue a script without registering it if you are not going to enqueue it conditionally. I would try something like this: (Untested and requires PHP5.4+) add_action( ‘wp_enqueue_scripts’, enqueue_scripts, 11 ); function enqueue_scripts() { /** * Build an array … Read more
Yes, you may add conditional tags to the wp_enqueue_scripts action. See the examples below: function load_assets() { wp_enqueue_style( ‘styles’, get_template_directory_uri() . ‘/css/styles.css’); // loads on any ‘page’ post type if( is_page() ){ wp_enqueue_script(‘main-js’, get_template_directory_uri() . ‘/js/main.js’); } // only loads on the page with a slug of ‘home’ if( is_page(‘home’) ){ wp_enqueue_script(‘home-js’, get_template_directory_uri() . ‘/js/home.js’); … Read more
Trigger a php file on every post or page if a condition is met