Question

我有一个单击处理程序，它读取标记的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

你不应该将文档用作字符串，它的对象本身会尝试使用belwo代码。

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

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

Answer 2

如果.post_update在#dashboard_content内，问题在于事件处理程序绑定到的元素现在已经消失。最简单的解决方案是使用jQuery.live方法。所以你的代码看起来像是：

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

jQuery ajax工作一次，但之后每次都通过浏览器加载href

2 个答案: