jQuery - Read For Learn

How to add a custiomized javascipt into a template

Register the script first, then ask WP to enqueue it : function add_my_script() { wp_register_script(‘av_s’, get_template_directory_uri() . ‘/js/av_s.js’, array(‘jquery’)); wp_register_script(‘jquery’, ‘//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js’, array(‘jquery’),’1′, true); wp_enqueue_script(‘av_s’); wp_enqueue_script(‘jquery’); } add_action( ‘wp_enqueue_scripts’, ‘add_my_script’ ); Returns in <head>: <script type=”text/javascript” src=”https://wordpress.stackexchange.com/questions/184882/{sitename}/wp-content/themes/twentytwelve/js/av_s.js?ver={version}”></script>

Plugin preventing media buttons from working

Can’t seem to get JQuery working (wordpress plugin)

This is a common question. It plagued me when I first started because it doesn’t make any sense and it is hard to search for until you know. The problem is that WordPress bundles a version of jQuery that is set to noConflict mode. Therefore, to run scripts you must use noConflict wrappers jQuery(document).ready(function($) { … Read more

How to add JS snippet before closing tag?

Ahh, solved it with this! add_action( ‘wp_head’, ‘jQuery_UI_Tabs’ ); function jQuery_UI_Tabs() { if ( is_page_template(‘course-landing-page.php’ ) ) { echo'<script> $(function() { $( “#tabs” ).tabs(); }); </script>’; }

Javascript function to switch out images

Target WooCommerce submit button

Please copy the woo-commerce checkout.js and paste in your theme folder and add following code in your function.php and after then you can change the checkout.js from your them. function so_27023433_disable_checkout_script(){ wp_dequeue_script( ‘wc-checkout’ ); wp_enqueue_script(‘checkout’, get_template_directory_uri() . ‘/js/checkout.js’, array(), ‘1.0.0’, true ); } add_action( ‘wp_enqueue_scripts’, ‘so_27023433_disable_checkout_script’ );

Youtube Iframe Api play one video at a time

jQuery no conflict

I prefer this: (function($){ “use strict”; $(document).ready(function(){ $(‘.flexslider’).flexslider({ slideshow: true, animationSpeed: 400, initDelay: 100, animation: “slide”, animationLoop: true, itemWidth: 258, itemMargin: 26 }); }); })(this.jQuery);