Javascript 导航时加载GIF图像

是否有任何方法可以在单击的同时加载GIF图像，并进行导航

---

我尝试过使用jquery，但是当页面在某些移动浏览器中导航时，加载程序动画没有出现。有没有使用ajax解决这个问题的方法？

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

假设页面的HTML内容位于一个名为#div的div中，还有一个名为#button的按钮，单击该按钮将进入新页面。现在，只要单击#按钮，就可以清除当前div的HTML内容，加载新页面的HTML（加载时可以显示GIF图像），然后用新页面的HTML填充div

$("#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);

   });


});

$（“#按钮”）。单击（函数（）{
//直到下面的post函数不返回时，将显示以下图像
$（“#div”）.html（“”）；
$.post（“get_html.php”），函数（数据）{
//获取新的HTML内容
$（“#div”）.html（数据）；
});
});

---

这只是一个例子，如果您对所需内容更为具体，也许我可以编写适合您需要的代码

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

假设页面的HTML内容位于一个名为#div的div中，还有一个名为#button的按钮，单击该按钮将进入新页面。现在，只要单击#按钮，就可以清除当前div的HTML内容，加载新页面的HTML（加载时可以显示GIF图像），然后用新页面的HTML填充div

$("#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);

   });


});

$（“#按钮”）。单击（函数（）{
//直到下面的post函数不返回时，将显示以下图像
$（“#div”）.html（“”）；
$.post（“get_html.php”），函数（数据）{
//获取新的HTML内容
$（“#div”）.html（数据）；
});
});

---

这只是一个例子，如果您对所需内容更为具体，也许我可以编写适合您需要的代码

您是否在询问是否可以在浏览器导航到其他页面时显示动画？如果是这样，答案是否定的，但并不一致——大多数浏览器会在加载新页面之前“卸载”当前页面，因此，当没有图像出现时，会有一个时间间隔。您需要使用AJAX加载新内容，并使用历史对象来操作当前url。您是否在询问是否可以在浏览器导航到其他页面时显示动画？如果是这样，答案是否定的，但并不一致——大多数浏览器会在加载新页面之前“卸载”当前页面，因此在没有图像出现时会出现时间间隔。您需要使用AJAX加载新内容和历史对象来操纵当前url。谢谢，脚本文件如何，后台Web服务调用和与该页面关联的样式表。请检查此页面“cloud.netbiscuits.net/1305494/SyngentaMobileStage/”，在该页面中，我们有链接，因此如果单击任何链接，它将导航并显示加载程序，但某些浏览器不处理此同步调用，因此，我计划使用上面提到的ajax。谢谢，与该页面相关的脚本文件、后台Web服务调用和样式表如何。请查看此页面“cloud.netbiscuits.net/1305494/SyngentaMobileStage/”在这个页面中，我们有链接，所以如果点击任何链接，它将导航并显示loader，但是一些浏览器不能处理这个同步调用，所以我计划使用上面提到的ajax。