jQuery .cycle()在第一次加载时在Webkit浏览器[Safari/Chrome]中是不可见的(刷新后一切正常!)

Mat*_*ens 2 css safari jquery invisible cycle

我正在使用jQuery循环来实现幻灯片效果.

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

这适用于所有浏览器.只有在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');
}
Run Code Online (Sandbox Code Playgroud)

小智 8

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