0

当我点击我的分页器链接时，我想显示一个加载栏。分页器通过 ajax 函数。当我使用 mozila 时，它会显示加载栏。但是当我使用 chrome,safari 时它没有显示加载栏

我的加载栏是一个 div，它出现在我的 index.php 文件中。

<div class="loading_wrapper" id="loading_wrapper" style="display:none;">
<div class="load_animation"><img src="/magsonwink/images/loadinfo.gif" width="24" height="24" /></div>
<div class="load_texts"><h4>Loading...</h4></div>
<div class="clear"></div>

分页器链接也存在于 index.php 文件中。当我单击分页器链接时，这将转到该功能

    var resp_msg =
            $.ajax({
                url: path + set_page,
                async: false,
                beforeSend: function() {
                    $('#loading_wrapper').show();
                },
                success: function(data, result) {
                if (!result)
                    alert('Failure to set the value.');
                }
            }).responseText;

if (resp_msg) {

    $('#loading_wrapper').hide();
    $(objReplace).html(resp_msg);
 }

这在 mozila 中运行良好，但在 chrome 中却没有。当我查看错误控制台时没有显示错误。请帮助我。提前致谢

4

3 回答 3

1

试试这个

var resp_msg =
        $.ajax({
            url: path + set_page,
            async: false,
            beforeSend: showloader() ,
            success: function(data, result) {
            if (!result)
                alert('Failure to set the value.');
            }
        }).responseText;

if (resp_msg) {

$('#loading_wrapper').hide();
$(objReplace).html(resp_msg);}


function showloader(){  $('#loading_wrapper').show();  }
于 2012-11-20T10:16:20.597 回答
1

为什么“异步”设置为“假”。将属性设置为“true”应该可以解决问题！

于 2012-11-20T10:45:36.957 回答
0

你测量过响应时间吗？是不是来得太快了？与 Firefox 相比，Chrome 和 IE 需要更多时间来渲染图像。您的图像隐藏/显示可能没有足够的时间进行渲染。通过应用一些延迟来检查这一点，您也可以在 Chrome 和 IE 中看到图像

于 2013-11-14T09:43:16.020 回答