javascript - 下载开始时隐藏项目

Question

我有一个链接，单击时会下载文件，但是当用户单击链接时会生成文件。它搜索数据库加载数据并将其写入excel文件。

这可能需要 30 秒，所以我这样做是为了隐藏下载链接并显示加载动画。

这是我的链接：

<a class="download-link" href="?page=pev&amp;action=downloadreport&amp;id=1234">
    <img src="/media/images/download.png" height="30" width="30" />
</a>

这是我的 JavaScript：

$(document).on("click", ".download-link", function(){
    showMetro();
    $('.page').hide();
});

function showMetro(){
    $(".metro-loader").css("display", "inline-block");
}

下载开始后，如何反转效果，隐藏加载动画并再次显示页面？

Answer 1

听起来您正在使用 ajax 来告诉服务器生成文件，因此将其添加到您的成功回调中。

$(".metro-loader").hide();
$('.page').show();