Javascript 使用Jquery加载方法和Slick插件

Javascript 使用Jquery加载方法和Slick插件,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试使用从第二个HTML页面(b.HTML)加载的div创建一个HTML页面(index.HTML)。我希望加载的内容能够使用jQuerySlick插件显示在旋转木马中。我使用以下代码加载内容,然后将其放入旋转木马: 在index.html中 <div id='includedContent' class='slides'></div> div会一个接一个地出现在页面中,但不会出现在旋转木马中。如果我直接在索引HTML文件(index.HTML)中包含div,并使

我正在尝试使用从第二个HTML页面(b.HTML)加载的div创建一个HTML页面(index.HTML)。我希望加载的内容能够使用jQuerySlick插件显示在旋转木马中。我使用以下代码加载内容,然后将其放入旋转木马:

在index.html中

<div id='includedContent' class='slides'></div>
div会一个接一个地出现在页面中,但不会出现在旋转木马中。如果我直接在索引HTML文件(index.HTML)中包含div,并使用以下命令调用slick插件:
$('.slides').slick()工作正常

“加载的”内容是否以不同的方式处理?
非常熟悉JavaScript,非常感谢所有帮助。

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

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

只需加载内容并调用
.slick()
加载程序

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

将第二个参数作为加载内容后执行的函数。这样就可以对现有内容执行
.slick()
。你不能委派类似事件,因此请使用
success
回调。

哇,谢谢,感觉我掉进了一扇通往全新理解世界的活板门。在我一直遵循的任何教程中,我都没有遇到过异步编程的想法。
$("#includedContent").load("b.html", function () {
  $('.slides').slick();
});