下载开始时隐藏项目

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