加載可編輯的指示燈

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調用成功之後它將被隱藏。