jQuery替换：.load函数前后

Question

我只想用最后的文本替换onclick上的文本，加载和替换：

$("#rebuild").click(function(){
    $("#rebuild").replaceWith("in progress...").load("/rebuild").replaceWith("end !");
});

/rebuild脚本已正确加载，但未显示最终替换.为什么？

Answer 1

load是一种异步ajax方法。这意味着在将来自服务器的数据放入元素之前就会发生最后的replaceWith。在同一个元素上链接replaceWith充其量也是一个关键，因为一旦它被替换，它就不存在了，因此下一个replace没有什么可用的。

如果您想在需要使用'load的完整回调后替换它

$("#rebuild").click(function () {
    $(this).html("in progress...").load("/rebuild", function () {
        setTimeout(function(){
          $(this).html( "end !");  
        }, 2000)
    })
});

我使用了一个setTimeout来做最终的更改，所以它不是即时的，或者整个负载没有意义。也使用html()而不是replaceWith所以元素仍然存在，并且只有它的内容改变。

Answer 2

http://api.jquery.com/load/

Load也接受函数的一个参数，一旦它完成。

$("#rebuild").click(function(){
    $("#rebuild").replaceWith("in progress...").load("/rebuild", function(){
        $(this).replaceWith("end !");
    });
});

编辑:杜恩，有人比我早:P