1

我浏览了所有文档，但仍然找不到示例。我想做的是在进行 Ajax 调用时在我的页面中显示一个等待图标。有人可以告诉我如何使用 twitter bootstrap 来做到这一点。

此外，如果还有其他更好的非 jquery 实现，我也想知道这些。

谢谢你。

4

3 回答 3

2

只需从 font-awesome 中选择一个加载图标 (gif)进行引导，

  1. 在 ajax 调用之前显示
  2. 发送 ajax 响应后隐藏

要将图标定位在屏幕中间，请使用以下css

.ajaxLoader {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 500px;
   height: 500px;
   margin-top: -250px; /* Half the height */
   margin-left: -250px; /* Half the width */
}
  1. 还要看看按钮加载图像
  2. JSFiddle
于 2013-10-14T13:34:09.097 回答
0

如果你想要一些死点，你可以使用绝对位置技术。

为此，请创建一个 div 并为其赋予以下属性：

margin:auto;
position:absolute;
top:0;left:0;bottom:0;right:0;
width:<however wide the image is>;
height:<however big the image is>;

无论何时有人调整屏幕大小，这都会将其置于中心位置，使其可以在手机和台式机上运行（只要图像不是很大）。

如果您希望它在另一个 div 中工作，请确保父级是position:relative;

于 2013-10-14T13:32:19.050 回答
0
  • 您可以添加带有等待徽标的引导模式，
  • 解绑关闭事件，
  • 并在您的 ajax 调用结束时关闭模式...
于 2013-10-14T13:37:32.983 回答