jQuery.cycle（）在首次加载时在Webkit浏览器[Safari/Chrome]中不可见（刷新后一切正常！）

我正在使用来实现幻灯片效果

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

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

这是怎么回事？我做错什么了吗？我怎样才能解决这个问题

---

更新：

我正在使用jQuery和Cycle插件的最新版本。下面是我用来调用.cycle（）的代码：

if（1<$（'.image list li'）.size（））{
$（'.image list'）.cycle（{fx:'uncover'，速度：200，超时：4000，下一步：$（'.image list li'）））.addClass（'image-list-cycle'）；
}

如果你只是在谷歌上搜索这个错误，你会发现很多人对应用于图像的jQuery插件有问题。麻烦通常发生在位置和表现方面

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

$（文件）。准备好了吗(
函数（）{
$（'.image list li'）。每个（函数（{$（this）.css({
[在此处设置位置、宽度等]}）；}）；
$（'.image list'）。循环（[OPTIONS]）；}）；
使用
$（窗口）。加载
而不是
$（文档）.ready
似乎也有帮助。
是否有任何错误或其他线索可以帮助我们解决您的问题？这似乎也发生在Google Chrome中。感谢您的评论。我在我的帖子中添加了更多信息。我在CSS中硬编码了LIs的高度和宽度，这就成功了。谢谢！这很有意义，因为
赢了dow.onload
仅在加载所有图像后激发（因此它们的尺寸是已知的）。
if (1 < $('.image-list li').size()) {
 $('.image-list').cycle({ fx: 'uncover', speed: 200, timeout: 4000, next: $('.image-list li') }).addClass('image-list-cycle');
}

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