仅在特定div上加载等待动画（freez只是特定部分）

Question

假设我有一个包含3 div的页面，并且每个页面都加载了不同的ajax调用。

所以例如div1可能需要30秒加载和div2,4秒因此我需要不同的等待动画来显示它们正在加载。

我发现这些链接很有用：link1

link2

但问题在于，任何点击按钮都会冻结整个页面

我希望例如点击按钮特殊部分，例如div冻结并显示动画

这可能吗？有人可以帮忙吗？

更新

这是jfiddle链接：

$(document).ready(function(){
 $(document).ajaxStart(function(){
$("#wait").css("display","block");
});
 $(document).ajaxComplete(function(){
$("#wait").css("display","none");
});
$("button").click(function(){
$("#txt").load("demo_ajax_load.asp");
 });
 });

jfiddle

Answer 1

您需要使用类而不是ID（必须是唯一的）来相对地定位元素。这是一个简化的演示：

http://jsfiddle.net/isherwood/N5V4q/

$(document).ready(function () {
    $("button").click(function () {
        $(this).next(".wait").show();
    });
});

如果我对你的ajax电话有更多的了解，我可能会进一步提供帮助。