javascript - jQuery ajax 工作一次，但此后每次都会通过浏览器加载 href

Question

我有一个点击处理程序，它读取 a 标签的 href 属性并通过 ajax 加载新内容。该函数返回 false，因此它不遵循 href url。这有效一次，但此后每次，该函数似乎都不会被调用，并且内容也不会异步加载，而是沿着浏览器中的链接加载。

$ ("document").ready( function () {
          $(".post_update").click( function () {
              $("#dashboard_content").html(ajax_load).load($(this).attr('href'));
              return false;
          });
});

<a href="{{ path('post_update', {"id":post.id}) }}" class="post_update">Edit</a>

Answer 1

您不应该将文档用作字符串，它本身就是一个对象，请尝试下面的代码。

由于链接位于仪表板容器内，因此在这种情况下您应该使用 live。

$(document).ready( function () {
          $("a.post_update").live('click',  function () {
              $("#dashboard_content").html(ajax_load).load($(this).attr('href'));
              return false;
          });
});