javascript - empty().append() 要素の後のイベント ルース ターゲットをクリックします。

Question

addItems要素に項目を動的に追加する関数があるため、関数が呼び出されるたびに項目が<div id="totalPremium"></div>空になり、項目が追加されますdiv

function addItems(){
   /....../
   $("#totalPremium").empty();
   $("#totalPremium").append("<div>item</div>");
}

クリックイベント関数の下で、追加されたアイテムをピックアップします

$("#totalPremium > div").bind('click', function () {
    //do stuffs
}

そして問題は、アイテムが初めて追加されたときにクリック機能で拾うことができますが、新しいアイテムが前のアイテムに置き換えられた後、クリックはターゲットを失って実行されないように見えます. 私はそれを機能させるためのアドバイスを探しています。

Answer 1

クリックハンドラーは、呼び出し後に存在する要素にのみ適用されます。要素を削除して新しい要素を追加すると、クリックハンドラーが自動的になくなります。新しい要素を作成するたびにハンドラーを追加する必要があります