0

呼び出し中に読み込み中の画像を表示する ajax 呼び出しを実行する Web ページがあります。これは Firefox では問題なく動作しますが、iPad では表示されません。

blockUIプラグインを含むいくつかの方法を試してみましたが、役に立ちませんでした。

これは私のhtml/cssです

<style type="text/css">

.hidden {
    display: none;
}

div.overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.6;
    z-index: 1;
}

div.overlay.standard { background: #fff url(images/site/loading.gif) no-repeat 50% 50%; }

</style>
<div id="holder" style="position:relative; height:90%; width:100%">
    <div id='map' style='width: 100%; height:100%; clear:both;'></div>
    <div id="loading" class="overlay standard hidden"></div>
    <div id="crosshair" class="overlay hidden"><img src="images/pins/crosshair.png" alt="crosshair"></div>
</div>

これはスクリプトです：

    $.ajax({
        url:"search_build_json.php",
        cache:false,
        async:false,
        type:"POST",
        dataType: "json",
        data:{lat:cLat, lng:cLng, radius:radius}
        beforeSend: function(){
            $('#loading').show();
        },
        complete: function(){
            $('#loading').hide();
        },
        success:function(data){
          //do stuff

    });

ここで例を見ることができます http://www.searchforsites.co.uk/json.htm

住んでいる場所に基づいて結果が得られない場合は、ボックスに「アヌシー」と入力し、[場所を検索] をクリックします。

4

1 に答える 1

0 
try the following:
$(document).ready(function (e) {
    $('#loading').hide().ajaxStart(function () {
        $(this).show();
    })
    .ajaxStop(function (e) {
        $(this).hide();
        });
   });
于 2013-08-14T20:59:14.507 に答える