<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Absolute Banter &#187; Javascript</title>
	<atom:link href="http://www.absolute-advantage.net/banter/tags/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.absolute-advantage.net/banter</link>
	<description>We *heart* the Internet.</description>
	<lastBuildDate>Thu, 25 Mar 2010 08:57:58 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>jQuery Running Slow with Conflicting Scripts &#8211; A Solution</title>
		<link>http://www.absolute-advantage.net/banter/2009/07/jquery-running-slow-with-conflicting-scripts-a-solution/</link>
		<comments>http://www.absolute-advantage.net/banter/2009/07/jquery-running-slow-with-conflicting-scripts-a-solution/#comments</comments>
		<pubDate>Thu, 02 Jul 2009 17:11:27 +0000</pubDate>
		<dc:creator>Scott</dc:creator>
				<category><![CDATA[Programming Tips]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Solutions]]></category>

		<guid isPermaLink="false">http://absolute-advantage.net/banter/?p=68</guid>
		<description><![CDATA[In a recent website build I wanted to incorporate two different ]]></description>
			<content:encoded><![CDATA[<p>In a recent website build I wanted to incorporate two different <a href="http://jquery.com/>jQuery</a> effects on the same page. To be more specific I was using a <a href="http://jqueryfordesigners.com/coda-slider-effect/">coda style slider</a> and the <a href="http://stilbuero.de/jquery/tabs/">jQuery tabs</a> effect together. Although they worked, when running them together on the same page they ran sluggish and the effects rendered slowly. The chaps woking on jQuery have built a quick fix for this exact problem.</p>
<p>The jQuery.noConflict(); solves this very neatly. Here&#8217;s how to implement it:</p>
<p>1. Insert the following in your header with the other scripts. This is basically saying that the variable J is replacing the $ due to the conflict.</p>
<div class="code">
&lt;script language=&#8221;javascript&#8221; type=&#8221;text/javascript&#8221;&gt;<br />
var J = jQuery.noConflict();<br />
&lt;/script&gt;
</div>
<p>2. Open one of the conflicting scripts and replace all instances of $ with the variable J. Use a find and replace tool for speed.</p>
<p>3. Save the script and refresh the page. The scripts should run cleanly.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.absolute-advantage.net/banter/2009/07/jquery-running-slow-with-conflicting-scripts-a-solution/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
