克隆自己的按钮不再克隆自己

Question

有没有办法在单击按钮时克隆按钮，然后允许新按钮具有相同的行为？我是否需要使用onclick属性而不是定义jQuery单击功能？这是我的代码：

    // Clone the current div, put it next door. (Currently appends to body)
    $('.split').on('click',function(){
        var newSwatchNum = Number($(this).attr('value'))+1;
        var thisSwatch = $(this).closest('div');
        var nextSwatch = thisSwatch.clone();

        // Set new values
        nextSwatch.attr('id', 'swatch-'+newSwatchNum);
        $(nextSwatch.children()[1]).attr('value', newSwatchNum);
        nextSwatch.appendTo('body');
    });

其余的在JS小提琴中：http://jsfiddle.net/broinjc/2SbAD/

Answer 1

$(document).on('click', '.split', function() {
...

只有在加载时元素存在时才会发生事件委派。

https://api.jquery.com/on/