Question

我使用ajax加载一些内容。我没有问题，我只想知道如何设置'loading ...'消息的样式，或者最好使用加载器图像，在屏幕的中心。正在加载内容时，“加载”消息显示在左上角（整个页面保持黑色）并且看起来不太好..我想知道是否可能。

  $.ajax({
   type: "POST",
   url: "page1.php", 
   beforeSend: function () {
  $("#content").html('loading...');
    },
   data: "Id="+Id,
   success: function(msg){
     $("#content").html(msg);
   }
   });

其中#content是我的页面在标题（右侧）下面的包装div，包含导航菜单的标题被设置为左侧浮动，垂直对齐，宽度为250px。模板是1200 X 700 ..我试图用#content div包裹#loader但它不起作用..任何建议都表示赞赏。感谢

Answer 1

在执行请求时我会在'loading'中添加一个id并让css处理它：

  $.ajax({
   type: "POST",
   url: "page1.php", 
   beforeSend: function () {
    $("#loading").addClass("activated");
    },
   data: "Id="+Id,
   success: function(msg){
     $("#loading").removeClass("activated");
     $("#content").html(msg);
   }
   });

使用css中心元素：

Quick CSS Trick: How To Center an Object Exactly In The Center

css样式加载消息

1 个答案: