jquery問題隱藏加載gif

Question

在下面的代碼中，首先我生成一個url。該網址是從數據庫中獲得一個PDF文件的數據列表。所以在點擊url我想顯示加載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();       
     }); 


    }); 
    });