ThemeShaper Forums Topic: JQuery compatibility

ThemeShaper Forums Topic: JQuery compatibility http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Tue, 21 May 2013 20:10:10 +0000 72quadrat on "JQuery compatibility" http://themeshaper.com/forums/topic/jquery-compatibility#post-8027 Mon, 23 Nov 2009 21:20:36 +0000 72quadrat 8027@http://themeshaper.com/forums/ O.K. I've a smilar Problem. Now i have a working Function in my functions.php. But it just works on FF, Safari and such but not on IE7 and IE6. I think it's because of the doubled jQuery.?!? <code> function simplyread_head() { wp_deregister_script('jquery'); wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js', false, '1.3.2'); //wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js'); //wp_register_script('jquery', '/wp-content/themes/hoenerdruck_v3/js/jquery.easing.1.3.js'); //wp_register_script('jquery', '/wp-content/themes/hoenerdruck_v3/js/jquery.coda-slider-2.0.js'); wp_enqueue_script('jquery'); $content .= "\t"; $content .= '<script type="text/javascript" src="/wp-content/themes/hoenerdruck_v3/js/jquery-1.3.2.min.js"></script>'; $content .= "\n\t"; $content .= '<script type="text/javascript" src="/wp-content/themes/hoenerdruck_v3/js/jquery.easing.1.3.js"></script>'; $content .= "\n\t"; $content .= '<script type="text/javascript" src="/wp-content/themes/hoenerdruck_v3/js/jquery.coda-slider-2.0.js"></script>'; $content .= "\n\t"; $content .= '<script type="text/javascript">'; $content .= "\n\t\t"; $content .= '$().ready(function() {'; $content .= "\n\t\t"; $content .= '$(\'#coda-slider-1\').codaSlider({'; $content .= "\n\t\t"; $content .= 'dynamicArrows: false,'; $content .= "\n\t\t"; $content .= 'autoHeightEaseDuration: 500,'; $content .= "\n\t\t"; $content .= 'slideEaseDuration: 800,'; $content .= "\n\t\t"; $content .= '});'; $content .= "\n\t\t"; $content .= '});'; $content .= "\n\t"; $content .= '</script>'; echo $content; }; add_action('wp_head','simplyread_head',1); </code> Chris on "JQuery compatibility" http://themeshaper.com/forums/topic/jquery-compatibility#post-4556 Mon, 15 Jun 2009 16:17:27 +0000 Chris 4556@http://themeshaper.com/forums/ Take a look here: <a href="http://themeshaper.com/forums/topic/wordpress-28">WordPress 2.8</a> hylopu on "JQuery compatibility" http://themeshaper.com/forums/topic/jquery-compatibility#post-4539 Sun, 14 Jun 2009 18:55:44 +0000 hylopu 4539@http://themeshaper.com/forums/ Hi Guys - just an FYI for anyone finding this thread - I had a problem with posting content after I upgraded to WP 2.8 using the swap_jquery() function posted in this thread. Any content typed into the text area would disappear on saving, and I could no longer switch between the html and visual tabs (stuck in place). There may have been some other admin UI problems elsewhere, but those were the obvious ones. Once I removed swap_jquery() from my child theme's functions.php, normal functionality returned. Is WP 2.8 reliant on a different version of jquery or something? Chris on "JQuery compatibility" http://themeshaper.com/forums/topic/jquery-compatibility#post-2665 Sat, 28 Mar 2009 20:13:17 +0000 Chris 2665@http://themeshaper.com/forums/ Hey Danny, yes .. this code will run with WordPress >= 2.8 Cheers, Chris dannydamnboy on "JQuery compatibility" http://themeshaper.com/forums/topic/jquery-compatibility#post-2664 Sat, 28 Mar 2009 19:53:42 +0000 dannydamnboy 2664@http://themeshaper.com/forums/ Hey Chris, let me understand well: <pre><code>function swap_jquery() { wp_deregister_script('jquery'); wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"), false, '1.3.2'); wp_enqueue_script('jquery'); } add_action('init', 'swap_jquery');</code></pre> does will work in 2.8 too? am I wrong? Chris on "JQuery compatibility" http://themeshaper.com/forums/topic/jquery-compatibility#post-2437 Fri, 20 Mar 2009 14:41:45 +0000 Chris 2437@http://themeshaper.com/forums/ Hey Bjoern, now I got it. The problem is caused by the differences between WP 2.71 and WP 2.8. In WP 2.71 the function wp_register_script will register the script and drop it into wp_head without any priority. That's why your function child_head is working (using priority 1). In WP 2.8 the function wp_register_script will only register the script. You still need the function wp_enqueue_script as a loader. And this loader uses priority 1 to put it into the first place of wp_head. And the missing function wp_enqueue_script (WP 2.71) doesn't create any error. Cheers, Chris demetris on "JQuery compatibility" http://themeshaper.com/forums/topic/jquery-compatibility#post-2416 Thu, 19 Mar 2009 14:48:46 +0000 demetris 2416@http://themeshaper.com/forums/ @ Anthrax: Sorry, Anthrax, I have no idea why this happens. But I use code exactly like this (deregister and then register) with Sandbox for the plugin WP Slimbox 2, and it seems to work fine. Anthrax on "JQuery compatibility" http://themeshaper.com/forums/topic/jquery-compatibility#post-2413 Thu, 19 Mar 2009 13:08:50 +0000 Anthrax 2413@http://themeshaper.com/forums/ @demetris... thanks for the hint but the Problem is: Dont work: <code> <pre><code>function swap_jquery() { wp_deregister_script('jquery'); wp_register_script('jquery','http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'); wp_enqueue_script('jquery'); wp_register_script('scrolltop', get_bloginfo('stylesheet_directory') . '/js/jquery.scroll.pack.js', array('jquery'),''); wp_enqueue_script('scrolltop'); } add_action('init', 'swap_jquery');</code></pre> </code> Work: <code> <pre><code>function child_head() { ?> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript" src="<?php bloginfo('stylesheet_directory');?>/js/jquery.scroll.pack.js"></script> <?php } add_action('wp_head', 'child_head',1); //THIS WORK !!!!!!!!!!!</code></pre> </code> demetris on "JQuery compatibility" http://themeshaper.com/forums/topic/jquery-compatibility#post-2412 Thu, 19 Mar 2009 12:45:42 +0000 demetris 2412@http://themeshaper.com/forums/ Google, nice JS libraries, and a free CDN: that’s a combination to fall in love with. :-D And also an easy way to serve gzipped javascript if you are on shared hosting (since gzippig is rare in shared-hosting environments). BTW, in the Google API you don’t have to specify the full version if you don’t need to. E.g., you can write: <code>wp_register_script('jquery','http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js')</code> and google will serve the latest version available at the specified version level, that is, currently, 1.3.2. In the same way, you can specify just <code>1.2</code>, and Google will serve 1.2.6 or whatever is the latest full version currently. Chris on "JQuery compatibility" http://themeshaper.com/forums/topic/jquery-compatibility#post-2404 Thu, 19 Mar 2009 07:53:51 +0000 Chris 2404@http://themeshaper.com/forums/ Hey Bjoern, this is something you could try: <pre><code>function swap_jquery() { wp_deregister_script('jquery'); wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"), false, '1.3.2'); wp_enqueue_script('jquery'); } add_action('init', 'swap_jquery');</code></pre> Unfortunately both code snippets are running here without any problem, so it's pretty hard for me to find out what's happening on your system. The last code snippet might be better because it's using a more official way to trigger the function at the right time. Cheers, Chris Anthrax on "JQuery compatibility" http://themeshaper.com/forums/topic/jquery-compatibility#post-2403 Thu, 19 Mar 2009 06:02:23 +0000 Anthrax 2403@http://themeshaper.com/forums/ Good Morning Chris, thanks for the hint that they don't need a extra function. I tryied to copy your code in the functions.php without function but only the <blockquote>`//echo '<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>'; };`</blockquote> works ... Chris on "JQuery compatibility" http://themeshaper.com/forums/topic/jquery-compatibility#post-2382 Wed, 18 Mar 2009 19:21:55 +0000 Chris 2382@http://themeshaper.com/forums/ Just put these line into your functions.php .. <pre><code>wp_deregister_script('jquery'); wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"), false, '1.3.2'); wp_enqueue_script('jquery');</code></pre> .. no need to put it into a function. 1st line will de-register the standard jQuery coming with WP. 2nd line will register jQuery 1.3.2 with WP 3rd line will enqueue jQuery into a loader script that will hook the script call into wp_head. Cheers, Chris Anthrax on "JQuery compatibility" http://themeshaper.com/forums/topic/jquery-compatibility#post-2371 Wed, 18 Mar 2009 15:03:38 +0000 Anthrax 2371@http://themeshaper.com/forums/ in tons of articles i read i didn't see this one ...but a lot of similar to this. This doesn't work: <pre><code>function simplyread_head() { wp_deregister_script('jquery'); wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js', false, '1.3.2'); wp_enqueue_script('jquery'); //echo '<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>'; }; add_action('wp_head','simplyread_head',1);</code></pre> but if i insert the 'echo' it works fine. #there is no Thematic-Hook that works with it. I try 'thematic_before', 'thematic_aboveheader' and 'thematic_header'. Chris on "JQuery compatibility" http://themeshaper.com/forums/topic/jquery-compatibility#post-2370 Wed, 18 Mar 2009 14:29:02 +0000 Chris 2370@http://themeshaper.com/forums/ Hey Bjoern, have you seen this article: <a href="http://blog.fusi0n.org/coding/make-your-wordpress-plugins-use-a-different-version-of-a-bundled-javascript-library">Make your Wordpress plugins use a different version of a bundled JavaScript library</a>? Let me know if this works, haven't tested it. Cheers, Chris Anthrax on "JQuery compatibility" http://themeshaper.com/forums/topic/jquery-compatibility#post-2368 Wed, 18 Mar 2009 14:16:47 +0000 Anthrax 2368@http://themeshaper.com/forums/ I'm totally confused about jquery and how it is to use in different versions? Wordpress insert: <code><script type='text/javascript' src='http://localhost/wordpress/wp-includes/js/jquery/jquery.js?ver=1.2.6'></script></code> in the head. I actually need the Version 1.3.2 of Jquery. If i link it to a separate jqery132.js in my plugin folder all works fine. But if i replace the jqery.js in the wp-includes\js\jquery with the new Version it doesn't work? What is the best way to use a newer Version of JQuery without touching the original jquery.js in Wordpress?