jquery - 使用 jquery 刷新内容只工作一次

Question

我正在使用这个 jquery 函数：

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

我也在使用带有 id="refresh" 问题的链接，它只重新加载内容一次，当我第二次单击它时它不会刷新，我知道已经进行了更改。谢谢！

score 3 · Accepted Answer

是#refresh重新加载代码的元素部分吗？如果是这样，您需要重新绑定点击事件，或者只使用.live()，虽然速度较慢，但如果不被滥用，有时它会派上用场。

它看起来像：

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

编辑：我注意到的一件事是您不会以;. 您可能会检查解析错误。

score 1 · Accepted Answer

仔细检查您没有重复您的容器 ID。

尝试切换到类：

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

如果这可行，那么您知道在已加载的内容中必须有重复的 ID。

score 0 · Accepted Answer

确保您的 id=refresh 元素在 DOM 中仅存在一次。
确保其（#refresh）在#category_dialog 之外。如果它在#category_dialog 中，那么您的php 代码必须再次返回#refresh 元素，您还必须重新绑定您的#refresh（避免再次使用.live() 重新绑定）

3 回答 3