jQuery 单击处理函数不会在 DOM 加载后添加的元素上触发

Question

我相信我可以使用 .live 来做到这一点，但该方法已被弃用。问题是这样的:

我有一个点击处理函数，它应该在任何具有“myClickEl”类的元素上触发。这对于加载时文档中存在的“myClickEl”元素效果很好。但是，如果我在 DOM 加载后添加 myClickEl 元素，则单击处理程序不会触发。

这是代码。我已经尝试过以下两种方法:

选项 1:

    jQuery('.myClickEl').on('click', function(){
        var formText='This is some text to paste';
        jQuery(this).parent().next('textarea').val('');
        jQuery(this).parent().next('textarea').val(formText);
    });

选项 2:

    jQuery('.myClickEl').click(function(){
        var formText='This is some text to paste';
        jQuery(this).parent().next('textarea').val('');
        jQuery(this).parent().next('textarea').val(formText);
    });

Answer 1

您需要使用Event delegation

jQuery(document).on('click','.myClickEl', function() { 
    var formText='This is some text to paste';
    jQuery(this).parent().next('textarea').val('');
    jQuery(this).parent().next('textarea').val(formText);
});