xeditable的加载指示器

Loading indicator for xeditable

本文关键字：指示器 加载 xeditable      更新时间：2023-09-26

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

调用一个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为loadingajax调用成功后，它将被隐藏。

相关文章：