在加载页面上显示加载点击

Question

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

点击page.php

后，我希望在发送（加载）#button之前加载节目

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，正如第一次谷歌搜索所示。