下载开始时隐藏项目

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();