使用jQuery动态添加按钮

Question

我试图动态添加一个按钮 - 第一个按钮有效但其他按钮无效.我以前使用过该live函数,但jQuery 1.9.1删除了该函数.我该怎么做才能让新添加的按钮起作用？

HTML代码:

<div class="take">
    <p>this is the para</p>
    <button class="test">copy</button>
</div>

jQuery代码:

$('.test').on('click', function() {
    var a = $(this).parent();
    new.clone().insertAfter(a);
})

这是jsfiddle.

Answer 1

在克隆中传递true将解决您的问题 - jsfiddle

$('.test').on('click', function() {
    var o = $(this).parent();
    o.clone(true).insertAfter(o);        
})

注意:new是JavaScript中的关键字,因此不要将其用作变量.