如何將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

將事件委托給父級。 假設您的父類為.parent ，則可以在幾乎所有事件情況下執行以下操作。

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

現在，即使您動態添加更多.spin元素，也將為所有內容分配所有JavaScript事件。

on此處了解更多信息https://api.jquery.com/on/