Question

我想在点击我的分页器链接时显示一个加载栏。 paginator经历了一个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>

paginator链接也出现在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);
 }

这在莫兹拉的工作正常，但不是铬。当我查看错误控制台时，没有显示错误。请帮我。提前谢谢

Answer 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();  }

希望这会有所帮助。

Answer 2

为什么“async”设置为“false”。将属性设置为“true”应解决问题！

Answer 3

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

加载栏未显示在chrome中

3 个答案: