加载指示符为xeditable

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>

调用此函数时，加载图片会显示在ID为 loading 的div上 在ajax调用成功后，它将被隐藏。