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
How does core do it? After thinking again about it, I thought there might be a case where WP does the same thing internally. And right: It does it. Example ~/wp-admin/load-scripts.php $wp_scripts = new WP_Scripts(); wp_default_scripts($wp_scripts); // inside wp_default_scripts( &$scripts ) $scripts->add( $handle, $src, $dependencies, $version, $args ); // from WP_Dependencies $scripts->localize( $handle, $object_name, $data … Read more
Depends, will the form work with AJAX turned off? If so use an input and degrade gracefully. Otherwise, define nonces used by JS using JS for consistency, and to prevent grabbing stuff from the DOM
You should be setting it to show in the footer with the register, so your code should look like this: wp_register_script( ‘flowplayer_object’, get_bloginfo( ‘stylesheet_directory’ ) . ‘/_/js/flowplayer/flowplayer-object-creator.js’, array(), // these are your dependencies, if you need jQuery or something, it needs to go in that array false, // set a version if you want true … Read more
It’s basically a unique id of the script you registered or enqueued before. Let’s say we enqueued a two scripts with wp_enqueue_script(): wp_enqueue_script( ‘my_script_1′,’/js/some_script.js’ ); wp_enqueue_script( ‘my_script_2′,’/js/some_other_script.js’ ); Now you want to pass your $data to the script #2 with wp_localize_script(): wp_localize_script( ‘my_script_2’, ‘my_script_2_local’, $data ); After this – when WordPress prints out your my_script_2 … Read more
I just do something like this so long : wp_add_inline_script(‘helloworld’,’var site_config =’.json_encode($site_config));
To successfully add variable to the window object via wp_localize_script you need to properly invoke three functions in the following sequence: wp_register_script wp_localize_script wp_enqueue_script In your case you’re missing the wp_register_script. In case someone experiences the same issue, follow the code procedures below. PHP <?php function my_theme_wp_enqueue_scripts() { $handle=”my_handle”; // Register the script wp_register_script($handle, ‘/path/to/my_script.js’); … Read more
W3 Total Cache has 4 locations to include the minified files. Since wp_localize_script() hooks into wp_head() (unless you specify in footer in your enqueue) you can use the before </body> minify location and your script will have access to the variables set. On some occasions this has failed for me so I just exclude the … Read more
As far as I know wp_localize_script doesn’t escape data any more than is necessary to produce valid JSON, and everything is sent as a string. The function was originally designed to allow translating the strings used in your JS into other languages (hence the “localize” part of the function name). So if the data you’re … Read more
I am not a jQuery expert, but I ran into the same problem and I believe I have a workable solution. The problem is that each time you run wp_localize_script it creates a javascript variable using the $name setting. In your case that is ‘carouselvars’. As this is set before the jQuery in run, only … Read more