jquery覆盖加载栏div
jquery覆盖加载栏div
提问于 2010-07-10 00:01:23
所以我有一个数据表，并且我正在使用ajax获取数据。在检索数据时，表中的数据会消失，并出现一个小小的装入圆圈。我更希望数据留下来(我知道怎么做)，让加载圆圈出现在表格的中央(不一定是垂直的，至少是水平的)，还有一个稍微透明的背景，稍微遮挡了表格的视图(而不是网页的其余部分)。我怎样才能让一个div出现在表的上方并做到这一点？
回答 2
Stack Overflow用户
回答已采纳
发布于 2010-07-10 00:15:39
只需使用jQuery的.html()方法将带有加载循环的新div注入到包含表的div中。然后使用css对其进行样式设置。也许可以给它一个不透明的背景图像。并且相对或绝对地定位加载圆。
假设你有：
<div id="table_container>
<table>
<tr>
<td>something</td>
<td>something</td>
</tr>
</table>
</div>加载新数据时，请使用：
$('div#table_container').html('<div id="overlay"><img src="path/to/loading/img.png" class="loading_circle" alt="loading" /></div>');并设置如下样式：
#overlay {
width: 100%;
background: url('path/to/opaque/img.png') repeat;
position: relative;
}
#overlay img.loading_circle {
position: absolute;
top: 50%; // edit these values to give you
left: 50%; // the positioning you're looking for.
}Stack Overflow用户
发布于 2010-07-10 00:04:07
那么，您可以尝试使用css position:absolute作为加载循环
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3214404
复制相关文章
相似问题