Question

My website, http://kenthomes.com.au/test/gallery.php, works fine in normal browsers like FF, Chrome, Safari and Opera, but on IE6-8, two of my jQuery plugins/scripts don’t work.

I think I’ve managed to narrow it down to this portion of code:

$(document).ready(function() {
    $('.kwicks').kwicks({
        min : 99,
        spacing : 10,
        isVertical : true,
        sticky : true,
        event : 'click'
    });

    /* This is basic - uses default settings */
    $("a.group").fancybox();    
});

It seems when I remove the code to do with 'kwicks' Fancybox works fine on IE, but add it in and neither of them will work. I’ve looked at the kwicks code many times and I don’t see any extra commas.

Is this a case of something else going wrong? The image scrolling header also relies on jQuery but is working fine in IE6-8.

PS: I just built a test page with all three scripts, minus the Google-analytics and pageTracker and IE8 reports no errors at all. In my .php pages they reported an extra error concerning 'kwicks'. The Javascript was copied-pasted from my .php to this .html page.

http://kenthomes.com.au/test/testing.html

Answer 1

The Kwicks code appears broken on IE. If you load your page and click on the “Error on Page” icon in the lower left, you’ll see two errors:

Message: '_gat' is undefined
Line: 206
Char: 2
Code: 0
URI: http://kenthomes.com.au/test/gallery.php

Message: Object doesn't support this property or method
Line: 11
Char: 252
Code: 0
URI: http://kenthomes.com.au/test/misc/jquery.kwicks-1.5.1.pack.js

The second error is showing you that kwicks is broken, which is why your site ‘works’ when you remove the code that references it.