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

How to attach jQuery plugin to dynamically generated element

本文关键字：动态 元素 jQuery 插件      更新时间：2023-09-26

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

我已将以下代码放入dom就绪

$('.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'
    });

将事件委托给父级。假设您有.parent类的父级，那么在几乎所有的事件情况下都可以执行以下操作。

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

现在，即使您动态地添加了更多的.spin元素，所有内容都将分配给所有JavaScript事件。

在此处阅读有关on的更多信息https://api.jquery.com/on/

相关文章：