<?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>A Leased Line to the Collective Unconscious &#187; code</title> <atom:link href="http://www.chichira.com/tag/code/feed/" rel="self" type="application/rss+xml" /><link>http://www.chichira.com</link> <description>random scribblings from the other end of the wire</description> <lastBuildDate>Thu, 03 Nov 2011 11:09:38 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <item><title>JQuery 1.2.6 quirk in Internet Explorer 7</title><link>http://www.chichira.com/2008/11/17/jquery-126-quirk-in-internet-explorer-7/</link> <comments>http://www.chichira.com/2008/11/17/jquery-126-quirk-in-internet-explorer-7/#comments</comments> <pubDate>Mon, 17 Nov 2008 15:00:03 +0000</pubDate> <dc:creator>RobinLayfield</dc:creator> <category><![CDATA[geek stuff]]></category> <category><![CDATA[Web Development]]></category> <category><![CDATA[code]]></category> <category><![CDATA[IE]]></category> <category><![CDATA[JQuery]]></category> <guid
isPermaLink="false">http://www.chichira.com/?p=60</guid> <description><![CDATA[]]></description> <content:encoded><![CDATA[<p>I've been doing a lot of work lately with JQuery and I love it... I really do, it's a great piece of code, nay, framework, that strips out all the pain of working with JavaScript and provides a launchpad for great code and interface adventures.</p><p>Nonetheless, it's not without its headaches and recently I lost a few hours to trying to figure out why my JQuery functionality refuses to work on Internet Explorer 7. It's very frustrating, as everything works perfectly in Safari and Firefox and then as soon as IE comes up the site goes suddenly two-dimensional with none of the interesting UI customisations that JQuery makes so much fun to build.</p><p>After a bout of head scratching, coupled with the realisation that JQuery 1.2.3 works fine I started to experiment with the way the script was invoked, fearing that IE had some kind of issue with it.</p><p>Sure enough, that was the source of the problem and as soon as I changed my JQuery initialiser to run the "old-fashioned" way, the scripts came magically back to life. So here it is:</p><p>If you're having problems running JQuery in IE, open your html and look for the following lines</p><div
class="igBar"><span
id="ljavascript-1"><a
href="#" onclick="javascript:showPlainTxt('javascript-1'); return false;">PLAIN TEXT</a></span></div><div
class="syntax_hilite"><span
class="langName">JAVASCRIPT:</span><div
id="javascript-1"><div
class="javascript"><ol><li
style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;"><div
style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span
style="color: #009900; font-style: italic;">//shorthand for document.ready</span></div></li><li
style="font-weight: bold;color:#26536A;"><div
style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$<span
style="color: #66cc66;">&#40;</span><span
style="color: #66cc66;">&#40;</span><span
style="color: #003366; font-weight: bold;">function</span><span
style="color: #66cc66;">&#40;</span><span
style="color: #66cc66;">&#41;</span><span
style="color: #66cc66;">&#123;</span></div></li><li
style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;"><div
style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div></li><li
style="font-weight: bold;color:#26536A;"><div
style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">...</div></li><li
style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;"><div
style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div></li><li
style="font-weight: bold;color:#26536A;"><div
style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span
style="color: #66cc66;">&#125;</span><span
style="color: #66cc66;">&#41;</span><span
style="color: #66cc66;">&#41;</span>;</div></li></ol></div></div></div><p></p><p>and change them to this. Be sure to check the closing part of the script too, as that is different</p><div
class="igBar"><span
id="ljavascript-2"><a
href="#" onclick="javascript:showPlainTxt('javascript-2'); return false;">PLAIN TEXT</a></span></div><div
class="syntax_hilite"><span
class="langName">JAVASCRIPT:</span><div
id="javascript-2"><div
class="javascript"><ol><li
style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;"><div
style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$<span
style="color: #66cc66;">&#40;</span>document<span
style="color: #66cc66;">&#41;</span>.<span
style="color: #006600;">ready</span><span
style="color: #66cc66;">&#40;</span><span
style="color: #003366; font-weight: bold;">function</span><span
style="color: #66cc66;">&#40;</span><span
style="color: #66cc66;">&#41;</span><span
style="color: #66cc66;">&#123;</span></div></li><li
style="font-weight: bold;color:#26536A;"><div
style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div></li><li
style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;"><div
style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">...</div></li><li
style="font-weight: bold;color:#26536A;"><div
style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div></li><li
style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;"><div
style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span
style="color: #66cc66;">&#125;</span><span
style="color: #66cc66;">&#41;</span>;</div></li></ol></div></div></div><p></p><p>hopefully the JQuery developers will sort out that problem in time for the next version...</p> ]]></content:encoded> <wfw:commentRss>http://www.chichira.com/2008/11/17/jquery-126-quirk-in-internet-explorer-7/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
