0

クリックするとファイルをダウンロードするリンクがありますが、ユーザーがリンクをクリックするとファイルがビルドされます。データベースを検索してデータを読み込み、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");
}

ダウンロードが開始したら、読み込みアニメーションを非表示にしてページを再度表示する効果を元に戻すにはどうすればよいですか?

4

1 に答える 1

0

ajaxを使用してサーバーにファイルを生成するように指示しているように聞こえるので、これを成功コールバックに追加してください。

$(".metro-loader").hide();
$('.page').show();
于 2013-09-13T22:07:46.347 に答える