Note that there are some explanatory texts on larger screens.

plurals
  1. POJQuery doesn't work sometimes in IE
    text
    copied!<p>I am working on a site that has a few jquery sliders on it, as well as some other functions. However, every few page jumps in IE (and IE only as far as I've seen) the jquery will just NOT load, breaking the page. The parts that won't load SOMETIMES in IE are from the jquery.cycle.all.js file. Here is the javascript section of my code.</p> <pre><code>&lt;script type="text/javascript" src="javascript/modernizr.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="javascript/jquery-1.8.0.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="javascript/jquery.cycle.all.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready(function() { if (!Modernizr.input.placeholder) { $('input[placeholder], textarea[placeholder]').each(function(index, elem) { elem = $(elem); placeholder = elem.attr('placeholder'); elem_id = elem.attr('id'); elem_name = elem.attr('name'); clone = elem.clone(); clone.hide(); if (elem_id) { clone.attr({'id': elem_id+'-fake'}); } if (elem_name) { clone.attr({'name': elem_name+'-fake'}); } clone.addClass('fake'); clone.data({'original': $(elem)}); clone.val(placeholder); clone.focus(function(e) { e.preventDefault(); $(this).hide(); $(this).data('original').show().focus(); }); elem.blur(function() { if ($(this).val() == '') { $(this).hide(); $(this).next().show(); } }); elem.after(clone); elem.blur(); }); } $('#image-slider').cycle({ speed: 1000, timeout: 1000 }); $('#text-slider').cycle({ speed: 1000, timeout: 10000 }); $('#ad-1').cycle({ speed: 1000, timeout: 1000 }); $('#ad-2').cycle({ speed: 1000, timeout: 1000 }); $('#gallery-slider').cycle({ speed: 2000, timeout: 2500 }); }); function PopupCenter(pageURL, title, w, h) { var left = (screen.width/2)-(w/2); var top = (screen.height/2)-(h/2); var targetWin = window.open (pageURL, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left); } &lt;/script&gt; </code></pre> <p>As far as I've seen, the placeholder and #image-slider parts work every time. The #text-slider, #ad-1, and #ad-2 fail sporatically ONLY in IE. Someone please tell me I'm missing something, I'm tearing my hair out over here. A link to the site can be found here <a href="http://memorysquare.com/testSite/" rel="nofollow">http://memorysquare.com/testSite/</a></p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload