如何将jQuery插件附加到动态生成的元素

时间:2014-08-30 11:43:47

标签: javascript jquery twitter-bootstrap

我有bootstrap spinedit插件。当我为任何现有元素附加它时,它工作正常

我已将下面的代码放在dom ready

$('.spin').spinedit({ step: 5 });

但这不适用于动态添加的输入。每次在Dom中添加新元素时,我都可以注册。但我正在寻找类似jQuery的.on事件。所以我只需要编写一次附加插件代码,它将适用于所有人。

提前致谢。

$(".sortable").sortable({
        connectWith: '.sortable',
        iframeFix: false,
        items: 'div.widget',
        opacity: 0.8,
        helper: 'original',
        revert: true,
        forceHelperSize: true,
        placeholder: 'sortable-box-placeholder round-all',
        forcePlaceholderSize: true,
        tolerance: 'pointer'
    });

1 个答案:

答案 0 :(得分:-1)

将事件委托给父母。假设您拥有课程.parent的父母,您几乎可以在所有事件中执行此操作。

$('.parent').('spinedit', '.spin', { step: 5 });

现在,即使您动态添加更多.spin元素,也会为所有JavaScript事件分配所有内容。

详细了解on https://api.jquery.com/on/