javascript - $('[isEditButton="true"]').on() を使用しても編集ボタンが 1 回しか機能しないのはなぜですか?

Question

これが私のコードです。問題を特定するのに本当にイライラしています。

使ってみた

$('[isEditButton="true"]').on('click', function(){ codes })
or 
$('table tr td').on('click', '[isEditButton="true"]' , function(){ codes })

しかし、どちらも予期しない結果をもたらします。編集ボタンは 1 回しかクリックできません。

Jquery doc を検索し、いわゆるDelegated eventsを使用しましたが、まだ機能せず、編集ボタンが 1 回クリックされ、新しく挿入されたボタンがクリックイベントに自動的にアタッチされません。

私のオンラインコード

何が起こっているのかについて、誰でも私にいくつかの指針を与えることができます。私はこの問題に本当に夢中です。親切なヘルパーに感謝します！本当にあなたたちが必要です！

score 1 · Accepted Answer

要素[isEditButton]は動的に追加されるため、デリゲートハンドラーを使用する必要がありon、その親セレクターは DOM の読み込み時に使用できます。table tr td要素が動的に追加されていることを除いて、2番目の例は問題をほぼ修正しました。これを試して：

$('#address_list').on('click', '[isEditButton="true"]', function() {
     // rest of your code...
});

score 0 · Accepted Answer

これは私がしました

$(document).on('click', '[isEditButton="true"]', function() {})

うまくいったようです。

score -2 · Accepted Answer

なぜこれを使わないのですか

if (isset($_POST['isEditButton'])){
    //do some codes 
}
else{
    //do this
}

3 に答える 3