所以我有一个数据表,并且我正在使用ajax获取数据。在检索数据时,表中的数据会消失,并出现一个小小的装入圆圈。我更希望数据留下来(我知道怎么做),让加载圆圈出现在表格的中央(不一定是垂直的,至少是水平的),还有一个稍微透明的背景,稍微遮挡了表格的视图(而不是网页的其余部分)。我怎样才能让一个div出现在表的上方并做到这一点?
发布于 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.
}
发布于 2010-07-10 00:04:07
那么,您可以尝试使用css position:absolute作为加载循环
https://stackoverflow.com/questions/3214404
复制相似问题