我正在使用jQuery cycle实现幻灯片效果。
您可以单击任何幻灯片图像来滑至下一张。
这在所有浏览器中都可以正常工作。只有在 Safari 中,才会发生一些非常奇怪的事情。加载第一页时,根本不显示幻灯片图像!重新加载页面后(通过刷新或点击地址栏旁边的“开始”按钮),一切都会正常进行。
这是怎么回事?难道我做错了什么?我该如何解决这个问题?
<小时/>更新:
我正在使用最新版本的 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');
}
最佳答案
使用 $(window).load
而不是 $(document).ready
似乎也有帮助。
关于首次加载时,jQuery .cycle() 在 Webkit 浏览器 [Safari/Chrome] 中不可见(刷新后一切正常!),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1537137/