加载可编辑的指示灯

Question

我正在使用X-Editable（较早的Bootstrap-Editable）进行就地编辑。 在服务器上保存数据大约需要2-3秒。 同时这个时间跨度，我想把一个加载指标。 我该如何实施？

Answer 1

呼叫的ajaxfunction更新包含加载图标，如下面的功能：

function ajaxUpdate() 
{ 
    var def = '<img src="./images/loader.gif" />'; 
    $('#loading').html(def); 
    $('#loading').show(); 
    jQuery.post("<?php echo site_url('myController/updateDetails');?>", { 
     v1 : $('#v1').text(), 
     v2 : $('#v1').text(), 
     v3 : $('#v1').text() 
    }, 
    function(response) 
    { 
     if(response==1) 
     { 
      //success area 
      $('#loading').hide(); 
     } 
     else 
     { 
      // failure area 
     } 
    }); 
} 

---

<div id="loading"></div> 

调用此函数加载图像上显示的div id为装载时 并且在ajax调用成功之后它将被隐藏。