Javascript 使用Jquery加载方法和Slick插件
我正在尝试使用从第二个HTML页面(b.HTML)加载的div创建一个HTML页面(index.HTML)。我希望加载的内容能够使用jQuerySlick插件显示在旋转木马中。我使用以下代码加载内容,然后将其放入旋转木马: 在index.html中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,并使
<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();
});