Question

我想在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>

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

Answer 1

Load（）有一个回调函数，你可以在其中放入你的hide（）

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

这是load（）doc http://api.jquery.com/load/

函数完成后jQuery隐藏div

1 个答案: