jquery - ソート後に準備が整ったドキュメントで関数を実行するには? JQuery

Question

複数のテーブルを含む div があります。各テーブルには、テーブルを削除する関数を呼び出す削除ボタンがあります。テーブルは、日付の昇順/降順で並べ替えることもできます。削除機能は機能しますが、テーブルがソートされている場合は機能しません。

削除ボタンはこんな感じ。

 <button id="6" class="delete">X</button>

この関数には、「delete」クラスのクリックイベントリスナーがあります。現在、デバッグ目的でアラートを使用してIDのみを表示しています。

$(".delete").click(function () {
    alert($(this).attr("id"));
});

$(this)ソート後に機能しない理由は、セレクターを使用して ID 属性を取得し、ソート後に十分に具体的ではないためだと思われます。

テーブル ID を削除関数に渡すためにさまざまな方法を試しましたが、うまくいきません。

score 3 · Accepted Answer

並べ替え時にコンテンツを再追加し、.delete要素を動的にします。そのためには、委任されたイベントハンドラーが必要です。

$("#meetingTable").on('click', ".delete", function () {
    alert(this.id);
});

score 0 · Accepted Answer

この行の直後に、ボタンの並べ替え関数内の削除関数に追加のコピーまたはコールバックを配置します

    sortUsingNestedText($('#meetingTable'), "table", $(this).data("sortKey"));

私はそれが動作することをテストしました。

score -1 · Accepted Answer

変更してみてください

$(".delete").click(function () {

と

$(".delete").on("click", function(){

これにより、DOM 操作の後でも、jQuery はその要素のクリックをリッスンできます。

3 に答える 3