jQuery

Multiple jQuery conflict unsure of why

Based off of https://stackoverflow.com/questions/7818525/jquery-image-rotator-with-multiple-instances-on-single-page here is the code that eventually got it to work PHP Top Banner <div id=”top” class=”rotator”> <ul> <li class=”show”><a href=”https://wordpress.stackexchange.com/questions/41048/1″><img src=”http://173.247.253.180/~andrewba/images/banners/40779.gif” /></a></li> <li><a href=”2″><img src=”http://173.247.253.180/~andrewba/images/banners/40780.gif” /></a></li> </ul> </div> Sidebar <div id=”right” class=”rotator”> <ul> <li class=”show”><a href=”https://wordpress.stackexchange.com/questions/41048/1″><img src=”http://173.247.253.180/~andrewba/images/banners/40787.gif” /></a></li> <li><a href=”2″><img src=”http://173.247.253.180/~andrewba/images/banners/40788.gif” /></a></li> </ul> </div> jQuery <script type=”text/javascript”> jQuery( document).ready(function() { //Load … Read more

jQuery ajax call throws an HTTP 302

I’d say, just skip that: cookie: encodeURIComponent(document.cookie) There’s no need to post any cookies on XHR – the browser handles that. Well, how about something like that instead (untested): data:{‘term’:encodeURIComponent($.term)} Most easy is to use FireBug, open Net panel and inspect both HTTP headers.

Intergrating agile carousel to wordpress: how to write the ajax_callback function

So I see you’re referring and attempting to recreate this example: <link rel=”stylesheet” href=”https://wordpress.stackexchange.com/questions/63304/agile_carousel.css”> <script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.js”></script> <script src=”agile_carousel/agile_carousel.a1.1.js”></script> <script> // Code used for “Flavor 2” example (above) $.getJSON(“agile_carousel/agile_carousel_data.php”, function(data) { $(document).ready(function(){ $(“#flavor_2”).agile_carousel({ // required settings carousel_data: data, carousel_outer_height: 330, carousel_height: 230, slide_height: 230, carousel_outer_width: 480, slide_width: 480, // end required settings transition_type: “fade”, transition_time: 600, … Read more

Ajaxify calendar

Write your required javascript, then use this code to display it on the page, it ensures that the script is only included if the calendar is displayed add_filter(‘get_calendar’, ‘add_calendar_scripts’); function add_calendar_scripts($content) { add_action( ‘wp_footer’, ‘output_calendar_scripts’, 11); return $content; } function output_calendar_scripts() { ?> <script type=”text/javascript” src=”https://wordpress.stackexchange.com/questions/70078/<?php echo get_template_directory_uri();?>/path/to/script.js”></script> <?php }

HTML editor accessing quicktag buttons

I wrote a jQuery plugin to check every 0.5 seconds if the toolbar has the requested element. (function( $ ) { /** * Wait until element has finish loading requested elements, then execute callback * @param string element Element to wait for * @param object callback Callback to execute * @param integer timeout Optional timeout … Read more

Override theme style with other CSS on a specific page

You want the plugins style sheet to over ride your themes style sheet conditionally ( on one page). Dequeue your themes style sheet for a specific page conditionally. add_action( ‘wp_enqueue_scripts’, ‘remove_default_stylesheet’, 25 ); function remove_default_stylesheet() { if ( is_page( page id or slug) ) { wp_dequeue_style( ‘original-enqueue-stylesheet-handle’ ); wp_deregister_style( ‘original-register-stylesheet-handle’ ); wp_register_style( ‘new-style’, plugins_url(‘stylesheet.css’, __FILE__) … Read more

jQuery.accordion isn’t a function even when enqueued

The 3rd parameter in the call to wp_register_script() should be an array of dependencies – not a string. Change this: wp_register_script(‘fl-custom-js’, get_template_directory_uri() . ‘/faq/faq.js’, ‘jquery-ui-accordion’, ”, true); To: wp_register_script(‘fl-custom-js’, get_template_directory_uri() . ‘/faq/faq.js’, array(‘jquery-ui-accordion’), ”, true);

Removing jQuery from footer

If your working with a blank theme why don’t you just remove or comment out the wp_enqueue_script(‘jquery’); in the theme functions.php? Otherwise your action hook is wrong, use, add_action(‘wp_print_scripts’,’theme_slug_dequeue_footer_jquery’); function theme_slug_dequeue_footer_jquery() { wp_dequeue_script(‘jquery’); } This will still load the build in jQuery (I think) in /wp-includes/js/jquery/jquery.js?ver=1.8.3 To remove all jQuery from the admin & the … Read more

Move jQuery to the bottom of the page whilst keeping the WordPress jQuery

You can change it by calling add_data method of $wp_scripts object. This object holds all scripts and information how to render it. To force rendering script in the footer you can do it like this: add_action( ‘wp_enqueue_scripts’, ‘wpse8170_enqueue_scripts’ ); function wpse8170_enqueue_scripts() { $GLOBALS[“wp_scripts”]->add_data( ‘jquery’, ‘group’, 1 ); } P.S.: I haven’t tested it, but suppose … Read more

+ More