0

divこのjQueryコードの助けを借りて 、別のページをにロードしています:

$('#maildiv').load('reports/mail_report.php');

読み込みに時間がかかっています。その間、読み込み中の画像を表示したいと思います。ファイルメッセージが読み込まれると、読み込み中の画像が非表示になります。

これどうやってするの?

私は試しました:

function mail() {
    $("#mailimg").show();
    $('#maildiv').load('reports/mail_report.php') {
        $("#mailimg").fadeOut("10000");
        $('#maildiv').fadeOut("10000");
    }
}
<input type="button" class='button green' value="Mail Report" name="" id=""  Onclick='mail();return false;'/>
<img id="mailimg" style='display:none;' src='img/loading.gif' width='20' height='20'>     
<div id="maildiv" style="color:red;"> </div>
4

4 に答える 4

0

これは一般的なものであり、この問題を解決する必要があります。

//Do what you have to before its starts
$('#whereitstobeloads').load('filethatstobeloaded', function() {
  //What you want to do when its loaded
});
于 2013-04-24T09:07:18.140 に答える
0

のコールバック関数を使用して正しい考えを持っているようですがload、構文が正しくありません。これを試して:

function mail() {
    $('#mailimg').show();
    $('#maildiv').load(
        'reports/mail_report.php'),
        function() {
            $('#mailimg').fadeOut("10000");
            $('#maildiv').fadeOut("10000");
        }
    }
}
于 2013-04-24T09:09:37.980 に答える