在内部html加载时显示图像

Question

我想在使用javascript加载页面时显示gif图像。我究竟做错了什么 ？ ：/

$("#basicReport").click(function() {
    $('#loader').html('');
    $("#loade").show();
    $("#loader").load("BasicReports.php", function () {
        $("#loade").hide();
    });
});

我在这里有div：

<div id="loader" class = "paddleft" >
<div id="loade"> <img id="" align="center" src="load.gif"></div>
</div>

Answer 1

将gif容器移出#loader，因为你在执行.html('')时会破坏gif：

<div id="loade"> <img id="" align="center" src="load.gif"></div>
<div id="loader" class = "paddleft" >

</div>

Answer 2

$('#loader').html('');

删除此.html已删除#loader标记