滑块在Firefox中工作但在Chrome / Safari中很时髦

Question

任何想法如何让这个滑块正常工作？我使用的滑块我在这里找到： http://kenwheeler.github.io/slick/

这是一个自定义的WordPress主题，我即将完成开发。当我在Firefox上加载使用此滑块的内部页面时，它们似乎正常工作。但是当我在Chrome / Safari上加载它们时，它们会加载一个半透明的幻灯片，然后进行排序，然后开始运行。但滑块的加载非常时髦。你可以在这里看看我在开发网站上谈论的内容。

http://supreme.asenka.com/brands/garden-fresh/

不确定问题是什么。任何帮助将不胜感激。

谢谢！

Answer 1

围绕$('.yourdiv').slick();：

传送以下功能

$('#div-containing-your-images').load(function(){
    $('.yourdiv').slick();
}

document.ready和document.load之间的区别如下：

一旦渲染了所有html元素，

document.ready将会触发。一旦标记被渲染，它就会触发。如果图像本身已经加载，则无关紧要。

一旦所有对象，iframe，图像都加载到您的页面中，

document.load将会触发。例如，如果您有一个<img src="yoursource.jpg"/>，它将在图像本身加载时触发。