【问题标题】:ajax loading not working in chromeajax加载在chrome中不起作用
【发布时间】:2015-06-28 16:39:34
【问题描述】:

ajaxstart 函数在 chrome 中没有触发,但在 firefox 中可以正常工作,

这里是js

$(document).ready(function () {       
    
    $(document).ajaxStart(function () { 
        $("#waiting").css("display", "block"); 
    }); 

    $(document).ajaxComplete(function () { 
        $("#waiting").css("display", "none"); 
    });
});

还有 HTML

 <div id="waiting" style="display:none;position:fixed;top:0;right:0;bottom:0;left:0;padding:2px;background: rgba(129, 129, 129, 0.54) url('images/1.gif') no-repeat center center;z-index: 999;"></div>

【问题讨论】:

  • 尝试一些替代的$("#waiting").show()$("#waiting").hide()
  • 实际的 Ajax 调用呢?
  • 您提供的代码运行良好。 jsbin.com/juyofupanu/1
  • 你会在你的页面上触发任何 ajax 吗?还有一个,我觉得有点奇怪:top:0;right:0;bottom:0;left:0;如果你不隐藏你的div,当页面加载时,你看到图层了吗?
  • 试过了,但仍然无法在 chrome 中工作:(

标签: javascript jquery ajax google-chrome


【解决方案1】:

尝试将您的 ajax 函数替换为

jQuery("#waiting").show() and jQuery("#waiting").hide()

【讨论】:

    【解决方案2】:

    我解决了这个问题,在这里分享给大家


    让所有的ajax调用异步为真。


    现在在所有浏览器中都可以了。 谢谢大家

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2016-07-18
      • 1970-01-01
      • 1970-01-01
      • 2013-05-30
      • 1970-01-01
      • 1970-01-01
      • 2014-10-14
      相关资源
      最近更新 更多