Question

在下面的代码中，首先我生成一个url。该URL是从数据库获取数据列表作为pdf文件。所以点击网址我试图显示加载gif，直到生成pdf文件。我能够显示加载gif，但在生成文件后无法隐藏它。如何隐藏它。

Jquery的

$(function() {
    $('#generate').click(function(e) {
        e.preventDefault();
        var tx_value = $('#tags').val();
        TFurlpdf = '/path/exportPDF/'+ tx_value;
    });
    $('a#TFpdflink').click(function(e) {
        e.preventDefault();
        if (TFurlpdf) 
            window.location.href = TFurlpdf;
        $('#dl-spinner').show();
    });
    $('#dl-spinner').hide();
});

最小的Html

<div>
    <a id="TFpdflink" href="#">Export PDF</a>
</div>
<div id="dl-spinner" class="dl-spinner" style="display: none;">
    <img id="img-spinner" src="static/images/loader.gif" alt="Loading" />
</div>

Answer 1

重新排列代码，如下所示

在成功之前，您将显示加载程序，并在成功后隐藏加载程序

$(function() {
    $('#generate').click(function(e) {
        e.preventDefault();
        var tx_value = $('#tags').val();
        TFurlpdf = '/path/exportPDF/'+ tx_value;

    $('a#TFpdflink').click(function(e) {

        e.preventDefault();
        $('#dl-spinner').show(); 
        if (TFurlpdf) 

    window.location.href = TFurlpdf;
    $('#dl-spinner').hide();                         
        });


    });
    });

Jquery问题隐藏加载gif

1 个答案: