Javascript 如何在完全加载文档后隐藏预加载程序

我必须在引导模式下进行列布局，在左列中，显示上载文件名的列表，而在右列中，如果在左列的某个文件名上有单击事件，则显示上载文档的预览

这是我用来显示文档预览的div

<div id="img-container">
  <div id="docs" style="height:100%"></div>
</div>    

这就是我用来显示文档的ajax代码

  $('.pdf-docs').click( function () {
      var file = $(this).attr('data-file'); // filename display on the left
      var url  = $(this).attr('data-file-url')+'/'+file; // url where to get the file
      $.ajax({
        url:url,
        dataType: 'json',
        type: 'get',
        success:function(data) {
          $('#img-container #docs').html('<embed src="' + data.file_uploaded + '" width="100%" height="100%">');
        },
        beforeSend: function() {
          $('div#waitme').waitMe({
                effect:  'stretch',
                bg:      'rgba(255,255,255,0.7)',
                color:   '#000',
            });
        },
        complete: function() {
          $('#waitme').waitMe('hide');
        }
      });
  });

$（'.pdf文档'）。单击（函数（）{
var file=$（this.attr（'data-file'）；//文件名显示在左侧
var url=$（this）.attr（'data-file-url'）+'/'+file；//从何处获取文件的url
$.ajax({
url:url，
数据类型：“json”，
键入：“get”，
成功：功能（数据）{
$（'#img container#docs'）.html（''；
},
beforeSend:function（）{
$（'div#waitme'）。等等({
效果：“拉伸”，
背景：“rgba（255255,0.7）”，
颜色：“#000”，
});
},
完成：函数（）{
$（'waitme'）。waitme（'hide'）；
}
});
});

这段ajax代码在codeigniter控制器上发出请求，该控制器将返回文件所在的路径

div#waitme

是我在其中实现预加载程序的两列div的父级

beforesend:

上的预加载程序已成功渲染，但即使文档已完全加载，它也不会停止或隐藏

有什么最好的解决办法吗

---

waitme source:

从dom中删除它？不，我不能这样做，我需要它在那里。从dom中删除它？不，我不能这样做，我需要它在那里。