导航时加载GIF图像

Question

有什么方法可以在单击和同时加载GIF图像时进行导航。

我尝试使用jquery，但在某些移动浏览器中进行页面导航时，加载程序动画没有发生，是否有使用ajax的解决方案来解决该问题？

Answer 1

最好的方法是使用AJAX加载新内容。 您可以做的是有一个按钮，单击该按钮会清除初始页面的html，并重新加载其他html页面的内容。

假设您在名为#div的div中包含了页面的HTML内容，并且有一个名为#button的按钮，单击该按钮会将您带到新页面。 您现在可以做的是，只要单击#button，就可以清除当前div的HTML内容，加载新页面的HTML（并且在加载新页面时可以显示GIF图像），然后在div中填充新页面的HTML。

$("#button").click(function() {

   //till the time the post function below doesn't return the following image will be displayed     
   $("#div").html('<img src = "images/ajax-loader.gif" />');

   $.post("get_html.php", function (data) {

    //get the new HTML content
    $("#div").html(data);

   });


});

这只是一个例子，如果您对需求有更具体的说明，也许我可以编写适合您需求的代码。