在内部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因为你在执行时会破坏gif .html(''):

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

</div>