ajaxStop事件不执行

最新推荐文章于 2021-03-12 15:20:14 发布

原创最新推荐文章于 2021-03-12 15:20:14 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ruby #ruby on rails #ajaxStop

JavaScript 专栏收录该内容

11 篇文章

订阅专栏

本文解决了一个使用Ruby on Rails构建的网站上的问题，在该网站中，点击按钮导航到新页面后，“加载中”的提示不会消失。问题根源在于jQuery版本1.9+对ajaxStop事件处理方式的变化，需要将事件绑定到document对象而非特定元素。

修改某个用ruby on rails做的网站时，有个奇怪的现象，点击某个按钮加载到另一个页面时，页面加载完成后，“加载中”这个提示一直存在。看了后台代码，最终确定到ajaxStop这块。
原代码

// #ajax-indicator 这种东西就是 “加载中”这个半透明的提示信息
$('#ajax-indicator').bind('ajaxSend', function(event, xhr, settings) {
    if ($('.ajax-loading').length === 0 && settings.contentType != 'application/octet-stream') {
      $('#ajax-indicator').show();
    }
});
  
$('#ajax-indicator').bind('ajaxStop', function() {
    $('#ajax-indicator').hide();
});

问题：网站用的jquery是1.9+，在这个版本后，ajax全局事件需绑定到document对象上，才能触发。
修改后代码

// #ajax-indicator 改为 #document
$('#document').bind('ajaxSend', function(event, xhr, settings) {
  
    if ($('.ajax-loading').length === 0 && settings.contentType != 'application/octet-stream') {
      $('#ajax-indicator').show();
    }
});
  
$('#document').bind('ajaxStop', function() {
    $('#ajax-indicator').hide();
});