使用Jquery加载方法与Slick插件
Using Jquery load method with Slick plugin
我试图创建一个HTML页面(index.html)使用加载div从第二个HTML表(b.t HTML)。我想加载的内容显示在旋转木马使用Jquery光滑插件。我使用以下代码加载内容,然后将其放入旋转木马:
在index . html<div id='includedContent' class='slides'></div>
在code.js文件
$("#includedContent").load("b.html");
$('.slides').slick();
div在页面中一个接一个地出现,但不是在旋转木马中出现。如果我将div直接包含在索引HTML文件(index. HTML)中,并简单地使用:$('.slides').slick();
调用slick插件,它可以正常工作。
是否以不同的方式处理"加载"内容?非常新的JavaScript,所有的帮助感谢。
需要等待加载内容,只有加载内容后才初始化插件。因此,将代码移动到 load()
的成功回调函数中。在你的代码$('.slides')
选择器将不会得到任何元素,因为它还没有加载。
$("#includedContent").load("b.html",function(){
$('.slides').slick();
});
直接加载内容,调用.slick()
加载器
$("#includedContent").load("b.html", function () {
$('.slides').slick();
});
.load()
将第二个参数作为加载内容后执行的函数。所以.slick()
,在现有的内容上执行。不能像事件那样委托,所以使用success
回调。
相关文章:
- 如何在Angular2中使用jQuery插件
- 可以前端maven插件使用节点,npm已经安装
- 如何使jQuery插件函数可调用以供独立使用,而不在集合上操作
- 我的jQuery插件参数没有正确启动,遇到了问题
- 如何在elfinder插件(一个文件管理器插件)上获得上传前事件
- 是否有任何snippet或jQuery插件可以列出easylist.txt模式匹配的DOM中的所有元素
- TableExport jquery插件:文件名和扩展名问题
- 如何在使用selectBoxIt JQuery插件时检测选项更改
- jQuery插件-从插件中调用公共方法
- 压缩phonegap中ios的图像插件
- jQuery粘性插件可变顶部间距
- Jquery表单验证插件-如果选中复选框,如何在提交时执行某些操作
- 高亮显示与数组字符串一起使用时文本插件中断
- 如何为jQuery屏蔽输入插件创建一个允许字母数字、空格和重音字符的掩码
- Wordpress插件根据需要加载js和css
- jQuery Wan Spinner插件的多个字段
- 如何将“$(this)”传递给Slick.js插件(并使用循环创建多个旋转木马)
- 不能让JQuery插件Slick (carousel)工作
- 使用Jquery加载方法与Slick插件
- 使用'dd-slick'jQuery插件破坏了数据的自动更新