導航時加載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);

   });


});

這只是一個例子，如果您對需求有更具體的說明，也許我可以編寫適合您需求的代碼。