-1

我的主要目标是在单击按钮时出现加载 gif，然后在 div 加载来自 jquery 函数的信息时消失。该页面未加载，因此我无法使用 .load 选项，也想不出另一种可行的方式。这是我所拥有的...

在我的 index.php 文件中，我设置了一个按钮，如下所示：

<button id="btnQuery">Query</button>

还有一个包含我的加载 gif 的 div 标签：

<div id="dvLoader" style="display:none;">
     <img src="..//images/loading.gif">;
</div>

我还有一个 div 标签，我也可以在其中加载来自查询的信息：

<div class="Info" id="Info"></div>

然后，当单击按钮时，我有 jquery 来处理。

$('#btnQuery').click(function() {
    $('#dvLoader").show();
    var start_date = $('#startDate').val();
    var src = 'file.php?startDate='+start_date;
    $('Info').load(src);
}

当我单击“查询”按钮时显示 dvLoader，但在加载“信息”div 后不会消失。

当从 jquery 函数加载所有内容但没有任何工作时，我试图让图像消失。有什么建议么？

4

1 回答 1

-1

.关于页面未加载，这可能是一个完整的原因列表，并且没有看到页面做什么的扩展信息，我无能为力。

要回答有关如何在加载选项完成后再次隐藏元素的问题，您可以执行以下操作：

$('#btnQuery').click(function() {
    $('#dvLoader').show();
    var start_date = $('#startDate').val();
    var src = 'file.php?startDate='+start_date;
    $('.DumpInfo').load(src, function() {
        $('#dvLoader').hide();
    });;
}

传递的函数将在加载完成后触发，如加载的JQuery 文档中所述

于 2018-01-18T16:24:42.513 回答