所以我有一个数据表,我正在使用ajax获取数据。当检索数据时,表中的数据消失,出现一小点载入圈。我更喜欢数据留下(我知道如何做),并且加载圈在它的中心(不一定是垂直,至少水平)出现在桌子上,以及稍微透明的背景阻止把表的视图稍微(不是网页的其余部分)。如何让div出现在桌子上呢?
解决方法
只需使用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. }