0

我有一个运行 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，然后单击“查找位置”。

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 回答