http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Wed, 19 Jun 2013 08:11:26 +0000 http://themeshaper.com/forums/topic/javascript-conflict-with-dropdowns#post-4546 Mon, 15 Jun 2009 03:10:56 +0000 alst 4546@http://themeshaper.com/forums/ <p>thanks heaps, worked a charm. </p> http://themeshaper.com/forums/topic/javascript-conflict-with-dropdowns#post-4490 Fri, 12 Jun 2009 05:21:02 +0000 EricH 4490@http://themeshaper.com/forums/ <p>This has been discussed before, but<br /> Try adding this above the $(document).ready(function() {</p> <p>jQuery.noConflict();</p> <p>and change your "$" to "jQuery" </p> http://themeshaper.com/forums/topic/javascript-conflict-with-dropdowns#post-4488 Fri, 12 Jun 2009 02:20:57 +0000 alst 4488@http://themeshaper.com/forums/ <p>Hi, have this code in my site which I call on the single.php page under content.<br /> It puts an icon beside links in ie6...i know...i know...</p> <p>It needs jquery but isn't working with the version included with wordpress. When I call jquery 1.2.6 separately to make it work, it breaks the superfish dropdowns,</p> <p>any ideas:</p> <pre><code>$(document).ready(function() { var fileTypes = { // extension: &#39;image file&#39; doc: &#39;doc.gif&#39;, xls: &#39;xls.gif&#39;, pdf: &#39;http://xxx/wordpress/wp-content/themes/cdhb/images/icons/4/24x24/pdf_file.jpg&#39;, ppt: &#39;http://xxx/wordpress/wp-content/themes/cdhb/images/icons/5/24x24/ppt_file.jpg&#39; }; // then, loop over the object // using jQuery&#39;s $.each() $.each(fileTypes, function(extension,image) { $(&#39;a[href$=&quot;&#39; + extension + &#39;&quot;]&#39;). css({ paddingLeft: &#39;30px&#39;, paddingTop: &#39;2px&#39;, paddingRight: &#39;2px&#39;, background: &#39;transparent url(&quot;&#39; + image + &#39;&quot;) no-repeat center left&#39; }); }); });</code></pre>