javascript - IE9 似乎无法识别 $.ajax 的 'complete' 事件

Question

我正在使用 ajax 来允许用户过滤出现在目标 div (var target) 中的内容。

当内容加载时，我会显示一个包含加载程序图像的 div ('#loader')。

但是，当 ajax 调用完成后，IE 不会像其他浏览器那样重新隐藏加载器。

它还将 setTimeout() 调用(在 ajax 回调中)标识为“无效参数”。

如果我不觉得这很莫名其妙，我就不会在这里问了。谢谢!

代码:

function run_ajax() {
  $.ajax({
    url: 'artworks_ajax',
    beforeSend: function(){
        target.empty();
        $('#loader').fadeIn();
    },  
    complete: function() {
        $('#loader').fadeOut('fast')
    },  
    data: {
      'select' : 'artworks',
      'artwork-filter': JSON.stringify(filter)
    },  
    success: function(data) {
      target.hide();
      target.html(data);
      fireMasonry();
      reloadMasonry();  // masonry needs reminding how big its div is
      setTimeout(
        fadeUp()
      , 1000); // pause necessary to give masonry time to fix itself in place
      }   
  }); 
}  

Answer 1

这里最后少了一个分号:

$('#loader').fadeOut('fast') 

另外，setTimeout 的第一个参数应该是一个函数，而在这里您调用 该函数并使用它的返回值。假设fadeUp是一个自由函数，它应该是这样的:

setTimeout(fadeUp, 1000);