jquery - jquery を使用したコンテンツの更新は 1 回しか機能しません

Question

私はこのjquery関数を使用しています:

$(function() {
  $("#refresh").click(function() {
     $("#category_dialog").load("<?php echo $category; ?>")
  })
});

私は id="refresh" 問題のあるリンクも使用しています.2回目にクリックすると更新されず、変更が加えられたことがわかります. ありがとう！

Answer 1

要素は#refresh再ロードされるコードの一部ですか? その場合は、クリック イベントを再バインドするか、単に.live()を使用する必要があります。これは低速ですが、悪用されなければ便利な場合があります。

次のようになります。

$(function() {
    $("#refresh").live('click',function() {
        $("#category_dialog").load("<?php echo $category; ?>");
    });
});

編集：私が気づいたことの1つは、すべてのステートメントを;. 解析エラーをチェックできます。

Answer 2

コンテナー ID が重複していないことを再確認してください。

クラスに切り替えてみてください：

$(function() {
  $(".refresh").click(function() {
     $(".category_dialog").load("<?php echo $category; ?>")
  })
});

これが機能する場合は、読み込まれたコンテンツに重複した ID が存在する必要があることがわかります。

Answer 3

1. id=refresh を持つ要素が DOM に一度だけ存在することを確認してください。
2. その (#refresh) が #category_dialog の外にあることを確認してください。#category_dialog 内にある場合、PHP コードは #refresh 要素を再度返す必要があります。また、#refresh を再バインドする必要があります (再バインドを避けるには、.live() を使用します)。