Question

I have a sliding carousel on my page, when I visit my page in IE it doesnt work and instead the images that should be in the carousel are shwon in list format, as though my browser doesnt read the javascript for the selector and applying the effect.

This only happens in IE7/8 so far and when I view the source in firebug its as though my script tag is being closed by the browser before it has a chance to see the jQuery.

If I add a JS alert before my jQuery however, the alert pops up and then the jquery loads and so my carousel works.

<script type="text/javascript">

//This works with an alert, without it the browser renders <script type="text/javascript" />    
alert('test');

$(document).ready(function() {
    $('#seasonaloffers').carousel({
        start: 1
    });
    $('#newproducts').carousel({
        start: 1
    });
});
 </script>

Answer 1

Three things:

1. Validate your html – http://validator.w3.org/
2. Check you’ve not repeated that #id by mistake
3. Use a strict/html5 doctype – http://ejohn.org/blog/html5-doctype/