jQuery隱藏功能完成後的div

Question

我想在div上顯示一個加載圖像onclick並在div中加載頁面後隱藏它。

我用下面的代碼，但在頁面加載之後，在沒有隱藏圖像：

<script> 
$(document).ready(function(){ 
$("h2").click(function(){ 
$("#loading").show(); 
$("#download").load("/api.php?id=<?php echo "$vid"; ?>"); 
}); 
}); 
$("#loading").hide(); 
</script> 
<div class="subheader"><h2>Download</h2></div><div id="download"></div> 
<div id="loading" class="hidden c"><img src="/images/loading.gif" alt="Please wait..." /></div> 

如何隱藏加載頁面後的圖像？

Answer 1

負載（）有一個回調函數，在其中你可以把你的hide（）

$("#download").load("/api.php?id=<?php echo "$vid"; ?>", function() { 
    $("#loading").hide(); 
}); 

這裏的負載（）DOC http://api.jquery.com/load/