自动将事件处理程序分配给新元素

Question

>假设我有一些这样的代码，它被调用$(document).ready()

$(".someClass").click(function(){
    //do something 
});

稍后我有一些jquery来创建带有类someClass的元素。无论如何可以从上面自动附加单击还是我必须再次手动附加它？

Answer 1

是的。这是可能的。

$("body").on("click", ".someClass", function() {
    // ...
});

Answer 2

使用最新版本的 jquery 和 on

$(document).on('click', '.someClass', function(e){
    //do something 
});

Live已弃用，但无论如何您都可以使用它（不推荐）。

$('.someClass').live('click', function(e){
    //do something 
});

Answer 3

有 live ，它也侦听新元素

$(".someClass").live('click', function(){
    //do something 
});

但是，从jquery 1.7开始，它已被弃用。建议改用on。

但是为了使用on，你需要一个容器来容纳要绑定处理程序的元素。当然，您可以使用body或document但最好使用更具体的元素

$(".someClassContainer").on('click', '.someClass' function(){
        //do something 
    });

Answer 4

有两种简单的方法可以做到这一点，第一种是使用 on() ：

$(".someClassParentElementPresentInTheDOMonDOMReady").on('click','.someClass',
    function(){
        //do something 
    });

另一种是在创建新元素时简单地分配点击处理程序;我不知道你是怎么做到的，但下面是一个例子：

$('#addElement').click(
    function(){
        var newElem = $('<div />',{'class' : 'someClass'}).click(function(){
            // do something }).appendTo('.someClassParentElementPresentInTheDOMonDOMReady');

引用：

• on() .