javascript - 使用 Jquery 加载方法和 Slick 插件

Question

我正在尝试使用第二个 HTML 工作表 (b.html) 中加载的 div 创建 HTML 页面 (index.html)。我希望使用 Jquery Slick 插件将加载的内容显示在轮播中。我使用以下代码加载内容，然后将其放入轮播中:

在index.html中

<div id='includedContent' class='slides'></div>

在code.js文件中

$("#includedContent").load("b.html"); 
$('.slides').slick();

div 一个接一个地出现在页面中，但不会出现在轮播中。如果我将 div 直接包含在索引 HTML 文件 (index.html) 中，并使用以下命令简单地调用 slick 插件: $('.slides').slick(); 它工作正常。

“加载”的内容是否以不同的方式处理？ 对 JavaScript 非常陌生，感谢所有帮助。

Answer 1

需要等待内容加载，加载内容后才初始化插件。因此将代码移到 load() 的成功回调函数中。在您的代码中 $('.slides') 选择器将不会获取任何 element ，因为它尚未加载。

$("#includedContent").load("b.html",function(){
   $('.slides').slick();
});