Javascript 函数完成后jQuery隐藏div

我想在一个div上单击一次就显示一个正在加载的图像，并在该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>

$（文档）.ready（函数（）{
$（“h2”）。单击（函数（）{
$（“#加载”）.show（）；
$（“#下载”）.load（“/api.php？id=”）；
});
});
$（“#加载”）.hide（）；
下载

加载页面后如何隐藏图像？

Load（）有一个回调函数，您可以在该函数中放置隐藏（）

$（“#下载”）.load（“/api.php？id=”，function（）{
$（“#加载”）.hide（）；
});

---

这里是load（）doc

，因此在success方法中调用它。读取加载的api检查此项读取api您在ready函数中有隐藏函数。所以它触发得太早了。

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