Question

在我的网页上，我有一个javascript，可以从位于<div id="content"></div>的其他页面加载inc/content.php中的新内容。我想知道在新内容加载到loading.gif时如何在<div id="content"></div>中显示动画gif图像<html> <head> <script type="text/javascript" src="js/jquery-1.6.4.js"></script> <script type="text/javascript"> function viewNext() { $("#content").load("inc/content.php"); } </script> </head> <body> <button id="nextfLuky" onClick="viewNext();return false;">Next fLuky</button> <div id="content"></div> </body> </html>？并且一旦加载隐藏gif并显示新的conntent？

谢谢）））这是我的代码：

<div id="text">Hello</div>

inc / content.php页面中的

内容：

{{1}}

Answer 1

function viewNext(){
    $('#content').html('<img src="loading.gif" />').load("inc/content.php");
}

当你使用load（）时，它会替换元素中的任何东西，包括gif，所以你不必手动隐藏它。

Answer 2

function viewNext()
    {
    $('#content').html('<img src="/images/loading.gif" />');
    $("#content").load("inc/content.php");
}

这样就可以了。

Answer 3

    $('#content').append('<img id="delete_me_spinner2" src="/images/ajax-loader.gif" border="0" style="text-decoration: none" alt="Loading" />');
    var y = $.post(.....)
                .complete(function(data) {
                $('#delete_me_spinner2').remove();
    //check ajax went ok
        });

如何在通过javascript调用的内容加载时显示加载gif图像？

3 个答案: