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

Question

我有 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'
    });

Answer 1

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

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

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

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