jquery - jCarousellite 在 IE 6/7/8 中不显示，在 Safari/FF/Chrome 中正常

Question

我正在尝试实现这样的幻灯片:http://biggayicecreamtruck.com但是对于我的生活，我无法弄清楚为什么他们的代码有效而我的代码无效。我的页面在这里:http://oaxacankitchenmobile.com .这并不是说 IE 没有设置它的样式，只是图像根本没有显示出来。正如我所说，幻灯片在 FF/Safari/Chrome 中运行良好。这是我在主页上的代码

<div id="slideshow">
    <ul>
            <li><img title="Picture 1" alt="Picture 1" src="images/slideshow1.jpg" />
                <div class="text-bg"></div>
                <div class="text">
                    <h2>La Flor de Pi&ntilde;a</h2>
                </div>
            </li>
            <li><img title="Picture 2" alt="Picture 2" src="images/slideshow2.jpg" />
                <div class="text-bg"></div>
                <div class="text">
                    <h2>Agua Frescas</h2>
                </div>
            </li>
                            ...and so on...

我认为我列出图片的方式没有任何问题，因为它与其他网站完全一样。 jQuery 加载正常，因为它适用于其他浏览器。我假设我再次正确初始化代码，因为它适用于其他浏览器。我使用的 jCarousellite 代码与来自其他站点的代码完全相同。

我认为我的问题一定出在我的 CSS 上，但我遇到了困难。我不知道我需要更改什么才能让幻灯片放映完全显示在 IE 中。谁能帮我？这是相关的 CSS:

/*SLIDESHOW*/
#slideshow                          { width: 900px; height: 350px; border: 1px solid #362626; display: none; margin: 0 auto 28px; }
    #slideshow ul                   { list-style-type: none; margin: 0; }
    #slideshow img                  { width: 900px; height: 350px; }
    #slideshow li                   { width: 900px; height: 350px; position: relative; }
    #slideshow .text-bg             { position: absolute; bottom: 0; left: 0; width: 900px; height: 58px; background-color: #000; }
    #slideshow .text                { position: absolute; bottom: 18px; left: 18px; width: 900px; text-align: left; }
    #slideshow h2                   { display: inline; font-size: 18px; line-height: 24px; color: white; font-family: "Baskerville Old Face", serif; }
    #slideshow h2 a:hover           { text-decoration: none; }
    #slideshow p                    { display: inline; font-size: 13px; margin-left: 7px; }

还有一点让我更加沮丧:我的 jQuery .load 调用也无法在此页面上运行。因此，似乎没有 jQuery 脚本在该页面上运行。

Answer 1

一个问题，也许问题在/js/okm.js中的第75行:

$('#slideshow').jCarouselLite({
    visible: 1,
    speed: 800,             
    auto: 4000,
    vertical: false,
    pauseOnHover: true, //<---
});

删除多余的逗号 - it breaks IE :

pauseOnHover: true