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

标签 jquery css safari cycle invisible

我正在使用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/

相关文章:

javascript - 如何使用 jQuery 检查选​​择框或文本输入是否为空

javascript - 将一些文本设为粗体和一些斜体

css - react : Convert CSSProperties to Styled-Component

javascript - 禁用拖放动画 Chrome/Safari

macos - 通过命令行在 macOS 上打开 URL

html - Safari 14.1 CSS 列数导致容器不必要地扩展

javascript - TableTools 未加载到 DataTables 表上

javascript - 更改 JavaScript 中的局部变量会影响具有不同名称的原始全局变量

javascript - 将经常使用的小型 jQuery 插件附加到 common.js 文件的末尾是否被认为是不好的做法或不道德?

css - IE8 中的 Google Fonts API 安全警告