Your question is quite complicated, but lets give it a shot! I recently made a class that does just that that I am happy to share. It isn’t a complete response but will get you most of the way there. What you need to know is the quirky way WP does ajax, which involves registering … Read more
Put this in your .js file (function($) { // Your code inside here; })(jQuery); This is called an anonymous function, you’re passing the jQuery object as a parameter to it. OR var $ = jQuery; // This at the top of the file This is simple, you’re just assigning the jQuery object to the $ … Read more
You shouldn’t enqueue jQuery by manually using wp_enqueue_script(‘jquery’);. WordPress can enqueue it for you the right way. All you have to do is to declare jQuery as your script’s dependency: wp_enqueue_script( ‘my-script’, get_template_directory_uri() .’/my-script.js’, array(‘jquery’), null, true ); You can pass an array of dependencies as the 3rd parameter. Also, by setting the 5th parameter … Read more
Do you load own javascripts into the admin? If i recall correctly, if SCRIPT_DEBUG is set to true, the javascripts are not concenated, but loaded seperately. So if a custom javascript doesn’t play well being concenated, this can lead to the whole concenated javascript being corrupt and not being run correctly. Try removing the added … Read more
Example for themes I would recommend using wp_enqueue_script with get_theme_file_uri this allows child themes to overwrite this file. get_theme_file_uri() function Searches in the stylesheet directory before the template directory so themes which inherit from a parent theme can just override one file. wp_enqueue_script( ‘example-script’, get_theme_file_uri( ‘/js/example-script.js’ ), array(‘jquery’), null, true ); Example for plugins wp_enqueue_script( … Read more
Haven’t tested it but this should work with small tweaks: function deregister_script_page_createit() { if( is_page( 42 ) ) { wp_deregister_script(‘jquery’); } } add_action( ‘wp_enqueue_scripts’, ‘deregister_script_page_createit’ );
We need to know how the script is being enqueued, but if it’s done right, you will be able to remove that .js file using wp_dequeue_script. How to correctly enqueue scripts function my_register_script() //Registers a script to be enqueued later wp_register_script(‘script-handle’, plugins_url(‘script.js’, __FILE__)); } add_action( ‘wp_enqueue_scripts’, ‘my_register_script’, 10); function my_enqueue_script(){ //Enqueue the script wp_enqueue_script(‘script-handle’); } … Read more
You need to process 2 scenarios: When page is loaded with #espanol hash When button is clicked //check for #espanol hash and toggle on page load spanishByHash(); //process toggle on click event $(‘.js-spanish-toggle’).on(‘click’, function() { hashToggle(); spanishToggle(); }); function spanishToggle() { $(‘.js-spanish-toggle’) .find(‘button’) .toggleClass(‘active’); $(‘.js-spanish-toggle’) .parents(‘.spanish-container’) .toggleClass(‘is-spanish’); } function hashToggle(){ if($(location).prop(‘hash’) === ‘#espanol’){ $(location).prop(‘hash’,”); }else{ … Read more
The jQuery(document).ready event is called when the document DOM is ready to be manipulated. In earlier days we attached all our handlers to document.load, but this waits until all images are loaded too, and most of the time one doesn’t need that. There are three equivalent ways of hooking into this event, and a fourth … Read more
There are currently two copies of jQuery loaded on site: In header there is jQuery bundled with WordPress, likely requested by some plugin. In footer there is jQuery from Google CDN, likely added by your code? Obviously this is one too many. There are couple of ways to handle it: If you are fine with … Read more