jQueryのonChangeイベントハンドラは二回

Question

これは私がアイテム欄に値を入力すると、イベントがイベントハンドラは、最初の行の正しい働き

$(document).on('change', '.item', function() { 
    var ite = $(this).closest('tr'); 
    getdetails(ite); 
})//event 

function getdetails(dat){ 
    var itemName = $(dat).find('.item').val(); 
    alert (itemName);  
}; 

発射することになっているテーブルhttp://jsfiddle.net/djochw6L/1/ です。しかし2列目以降は2回発射される。どうしてこれなの？リターン偽の追加

Answer 1

それが二回発射だ理由は、名前のアイテムを持つすべてのクラスのために、あなたの変更上の要素火災です。コードを調べると、すべてのテーブルの列にクラスアイテムを渡した上で、追加された各行にアイテムクラスも渡されていることがわかります。したがって、イベントは2回、1回は行に対して、もう1回はアイテム列に対して発生します。あなたに問題を与えている

コードがないテーブルの行にアイテム・クラスを渡して、代わりのイベントリスナーにハックもののすべての種類を行うことで、あなたの問題を解決する

prot.attr("class", id + " item") 

てみています。あなたは

prot.attr("class", "item-" + id) 

Answer 2

試してみてください。

$(document).on('change', '.item', function() { 
    var ite = $(this).closest('tr'); 
    getdetails(ite); 
    return false; 
}) //event