如何jQuery插件效果到后来在DOM中创建的项目

时间:2010-12-27 17:24:13

标签: jquery dom jquery-plugins

如何将jQuery插件效果应用于由事件创建的项目?

所以,我试图做的是让整个站点中的所有uls都使用jquery.scroll.js插件进行样式化。我目前正在研究所有活跃的uls。但是,有一些类别/子类别部分。我还是自己编写任何jQuery的新手,并且在以后加载项目时将插件应用于项目时我不明白逻辑的跳跃。

在实际示例中,用户单击ul中的类别,并通过Rails和JSON加载子类别。对于轻量级样本,我创建了一个模拟我遇到的问题的jsfiddle。

类别ul的样式正确,但子类别ul没有选择样式。我希望得到一些帮助,不仅仅是提供一些代码来修复它,而是指向我需要学习这个功能的方向。

http://jsfiddle.net/dandenney/25R8F/1/

提前谢谢!

2 个答案:

答案 0 :(得分:3)

ul元素动态添加到DOM后,初始化插件。

例如:

$.loadLists({
    success: function(html) {
        $("#someElement").html(html);
        $("#someElement ul").plugin();
    }
});

答案 1 :(得分:0)

当元素出现在页面上时,您还可以使用livequery插件启动函数。

http://jsfiddle.net/25R8F/4/

添加了警报并删除了隐藏的选择以更好地说明其工作原理 http://jsfiddle.net/25R8F/6/