点击同一类的克隆元素事件(Click event on cloned element of same

2019-10-18 11:26发布

当连续按下按钮,我克隆一排。 行包含正被按下的按钮,因此克隆当一个新行下面添加,这意味着还有另一个按钮。 该按钮状态“添加”,但改变按下加时“删除”。 我遇到的问题是,我想click()函数来检查按钮/类的最后一个实例,而不是但它仍然核对原件按钮。 我想它来检查的最后一个按钮。

看看在的jsfiddle,看看有什么我试图做的事:

http://jsfiddle.net/Fogest/4gdJk/

我的问题是不会改变的按钮“删除”的名字,但我想知道我应该如何应用该点击功能被添加的最后一个按钮?

编辑:使用jQuery V1.6.1

Answer 1:

使用.on代替.click这里是文档

$(document).on("click", ".add-remove-new:last", function () {
    $('tr.newService:first').clone().insertAfter($('tr.newService:last'));
});

工作演示

或者您可以使用.live的jQuery 1.6.1

$('.add-remove-new:last').live('click', function() {
    $('tr.newService:first').clone().insertAfter($('tr.newService:last'));
});

演示了1.6.1



Answer 2:

这里是DEMO 。 我想,这就是你想要的!

$('body').on('click', '.add-remove-new:last', function() {
        $('tr.newService:first').clone().insertAfter($('tr.newService:last'));
    });


Answer 3:

此线程似乎是处理同样的问题,用解决它on()delegate()函数。



文章来源: Click event on cloned element of same class