JQuery:实时 标记第二次部分工作

Question

我有以下 jquery 代码:

$("a[id*='Add_']").live('click', function() {
    //Get parentID to add to.
    var parentID = $(this).attr('id').substring(4);

    //Get div.
    var div = $("#CreateList");

    //Ajax call to refresh "CreateList" div with new unordered list.
    div.load("/AddUnit?ParentID=" + parentID);
});

基本上，div 中包含一个嵌套的无序列表，其中包含多个“Add_#”链接。单击链接会使用 ajax 调用来使用新节点重新创建列表。它清除所有添加链接，但它们会通过 ajax 调用再次添加。这就是为什么我使用 .live 方法，因此新添加的“Add_#”链接仍然具有绑定(bind)。

这在大多数情况下都有效。如果我点击“Add_1”，div 就会刷新新信息。如果我随后单击“Add_2”，它会再次按预期工作。

当我单击“Add_1”，然后页面刷新(并创建新的“Add_1”链接)，然后我再次单击重新呈现的“Add_1”时，就会发生我遇到的问题。这是相同的链接，但在 ajax 调用期间刷新了。当我这样做时，仍然会调用 javascript 函数，但 .load 方法不起作用。任何想法为什么会发生这种情况？谢谢。

Answer 1

看起来结果正在被缓存，要解决这个问题，请强制 jQuery 以不缓存的方式发出请求。在所有方法调用之前添加此内容即可:

$.ajaxSetup({ cache: false });

您可以看到$.ajaxSetup()和 $.ajax()了解详情。