Question

我有一个运行ajax调用的网页，在调用过程中显示加载图像。这在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

如果根据您居住的地方没有得到任何结果，请在框中输入Annecy，然后点击“查找位置”。

Answer 1

try the following:
$(document).ready(function (e) {
    $('#loading').hide().ajaxStart(function () {
        $(this).show();
    })
    .ajaxStop(function (e) {
        $(this).hide();
        });
   });

使用ajax无法显示在ipad上加载图像

1 个答案: