在點擊之前顯示加載頁面之前的加載

Question

$("#button").click(function(){
    $(document).ready(function() {
        $('#wrapper').load('page.php');
    });
});
<div id="wrapper"></div>
<div id="button">click me</div>

我想在單擊#button后發送（加載） page.php之前顯示加載

Answer 1

這是jsfiddle腳本https://jsfiddle.net/1uwopptv/或內聯腳本，假設這就是您想要的。 請求完成后，您可以再次隱藏加載的gif。

 $("#button").click(function(){ $('#img').show(); $('#button').hide(); $(document).ready(function() { $('#wrapper').load('page.php'); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="wrapper"></div> <div id="button">click me</div> <img src="https://loading.io/assets/img/landing/curved-bars.svg" id="img" style="display:none"/ > 

Disclaimer ：所使用的圖片屬於網站loading.io，就像在第一次Google搜索中提到的那樣。