代码之家  ›  专栏  ›  技术社区  ›  Mathias Bynens

jquery.cycle()在webkit浏览器[safari/chrome]中在第一次加载时不可见(刷新后一切正常!)

  •  2
  • Mathias Bynens  · 技术社区  · 15 年前

    我在用 jQuery cycle 实现幻灯片效果。

    您可以单击任何幻灯片图像以滑动到下一个。

    这在所有浏览器中都可以正常工作。只有在狩猎中,才会发生一些非常奇怪的事情。第一页加载时,根本不显示幻灯片图像!重新加载页面后(通过刷新或点击地址栏旁边的“Go”按钮),一切都会正常工作。

    这是怎么回事?我做错什么了吗?我怎么修这个?


    更新:

    我使用的是jquery和cycle插件的最新版本。下面是我用来调用.cycle()的代码:

    if (1 < $('.image-list li').size()) {
     $('.image-list').cycle({ fx: 'uncover', speed: 200, timeout: 4000, next: $('.image-list li') }).addClass('image-list-cycle');
    }
    
    2 回复  |  直到 12 年前
        1
  •  3
  •   Roberto Aloi    15 年前

    如果你只是谷歌这个错误,你会发现很多人有问题与jquery插件应用于图像。麻烦通常发生在位置和表现上。

    我的感觉是,有时在加载图像之前运行脚本,用于循环图像的宽度/长度值是错误的。 我建议您在页面中添加类似的内容(根据需要调整类和名称):

    <script type="text/javascript">
      $(document).ready(
        function() {
          $('.image-list li').each(function({$(this).css({
            [SET HERE POSITION, WIDTH, ETC]});});
          $('.image-list').cycle([OPTIONS]);});
    </script>
    
        2
  •  8
  •   axel22    13 年前

    使用 $(window).load 而不是 $(document).ready 似乎也有帮助。