加载微调器问题

Question

<div class="row">
<div class="container-fluid">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">&nbsp;</div>
        <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10">
            <div id="grid" style="width: 100%; height: 350px;"></div>
        </div>
        <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">&nbsp;</div>
    </div>
</div>

在这段代码中，#grid元素填充了一个图表，但我需要的是一个加载微调器，它表示图表正在加载，并且必须在图表填充后隐藏它。

任何人都可以指导我如何实现这个目标吗？

Answer 1

因此，如果我在理解您的问题时是正确的，您需要以下内容：

$(function (){
   var grid = $("#grid");

   grid.html("<img src='ajax-img' />");

   $.post("/url", function(data){
       if(data != ""){
            grid.html(data);
       }
   });     
});

此函数将在文档就绪时运行，因为您没有指定何时应该触发它。