Question

我的主要目标是在单击按钮时显示加载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函数加载所有内容但没有任何工作时，我试图让图像消失。有什么建议吗？

Answer 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 docs for load

中所述

通过jquery加载表后，图像消失

1 个答案: