javascript - 事件仅有效一次

Question

我将事件监听器设置为按钮，并期望每次按下按钮时都会添加新节点，但事实上，这只有效一次。这一定是我对“:last”选择器的错误，它以某种方式卡住在同一节点上。我该如何解决这个问题？

$("#btnAddWord").on('click', function(){
    $('div.input-group:last').after( inputGroup );
});

http://jsfiddle.net/aT82W/

Answer 1

这是因为您尝试一次又一次地添加相同的元素(而不是新的元素)。让我们为每次点击创建一个新的。

修改 JSFiddle 示例中的代码:

$("#btnAddWord").on('click', function(){
    var inputGroup = document.createElement('div');
    inputGroup.setAttribute('class','input-group');
    inputGroup.innerHTML = '...here your HTML...';

    $('div.input-group:last').after( inputGroup );
});