添加微調圖像中的jQuery代碼

Question

我有一個jquery顯示在一個div鏈接無需重新加載頁面： jQuery代碼：

<script type="text/javascript"> 
$(document).ready(function() { 
    $("a").click(function(event) { 
     // Prevent default click action if javascript is enabled 
     event.preventDefault(); 
    //load the content of the new page into the content of the current page 
    $("#content").load($(this).attr("href") + " #content"); 
    }) 
}); 
</script> 

一切都很好，工作，但就是這麼簡單！如何在此代碼的內容加載之前添加加載圖像？

第二個問題，有沒有什麼辦法在加載後在地址欄中顯示新的頁面鏈接？

Answer 1

您可以使用回調函數刪除加載程序。

<script type="text/javascript"> 
$(document).ready(function() { 
    $("a").click(function(event) { 
     // Prevent default click action if javascript is enabled 
     event.preventDefault(); 
     //load the content of the new page into the content of the current page 
     $('#loader').show(); // Show some hidden loader on the page 
     $("#content").load($(this).attr("href") + " #content", function() { 
      $('#loader').hide(); // Hide the loader when it completely loads the given URL. 
     }); 
    }) 
}); 
</script> 

對於你的第二個問題，這應該是答案。 Change the URL in the browser without loading the new page using JavaScript