safari - Jcarousel lite 没有显示在 safari 和 chrome 的页面加载中

Question

我在 WAMP 上运行的主页上使用了这个插件。它适用于除 Safari 和 Google Chrome 之外的所有浏览器。在那些浏览器中，当我第一次加载页面时，轮播不会出现，当我点击重新加载时也不会出现。当我通过页面导航链接导航到主页时，它会显示出来。

有什么想法可能导致这种情况吗？

谢谢，杰里米

score 6 · Accepted Answer

也有这个问题，发现通过给图片我显示宽度=“nn px”和高度=“nn px”解决了我的问题；）

score 5 · Accepted Answer

尝试将您的画廊初始化放在窗口加载函数中，如下所示：

$(window).load(function() {

    $(".gallery").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev",
    });
});

score 1 · Accepted Answer

我遇到了类似的问题。确保为图像提供宽度和高度。由于某种原因，谷歌浏览器和 safari 不会自动获取/计算高度/宽度。

score 1 · Accepted Answer

类似于上面 user703735 所说的。我发现通过强制滚动图像的高度和宽度，它会绕过 jcarousel 试图计算它们。我还发现它在没有值的情况下导致了 IE8 的一些问题，因此这可能会帮助其他遇到相同问题的人。

<li style="width: XXpx; height: XXpx;"> ... image here ... </li>

其中 XX 是以像素为单位的大小。

4 回答 4