Question

所以我有一个Div标签，我加载了AJAX内容。我想这样做，当用户触发AJAX事件时，它保持当前内容在中心的旋转加载圈。我目前正在使用以下代码

    j("#AJAXContent")
        .html("reloading")
        .load(Url, "foo="+bar);

但是，该代码只会将当前的div标签替换为“reloading”作为文本然后新内容出现并替换它。

Answer 1

如果要在内容div中显示加载图像，请在进行ajax调用时添加一个类。该类基本上将加载图像显示为容器的背景。另一种选择是具有绝对定位的div，其中一些高度/宽度和加载图像位于中心。进行ajax调用时，在容器的中心和顶部显示此div。

.loading
{
  background:none url("loading.png") no-repeat center center;
}

j("#AJAXContent").addClass("loading").load(Url, "foo="+bar, function(){
   j("#AJAXContent").removeClass("loading");
});

另一种方法是在进行ajax调用之前在内容div的顶部显示一个加载div。

Answer 2

尝试

j("#AJAXContent").load(Url, "foo="+bar);

j("#AJAXContent").html("reloading")会使用div消息更新reloading内容。

Answer 3

这可能会有所帮助：http://jsfiddle.net/SQHgu/，但不允许跨域请求（例如）。

jquery将内容保留在div中，直到ajax内容到达

3 个答案: