ajaxStart 事件上的 jQuery 模式对话框

Question

我正在尝试通过 ajaxStart、ajaxStop/ajaxComplete 事件使用 jQuery UI 模式对话框作为加载指示器。当页面触发时，Ajax 处理程序会加载一些数据，并且模式对话框显示得很好。但是，当 Ajax 事件完成时，它永远不会隐藏或关闭对话框。这是从本地服务器返回的一小段代码，因此实际的 Ajax 事件非常快。

这是我的模态 div 的实际代码:

      $("#modalwindow").dialog({
              modal: true,
              height: 50,
              width: 200,
              zIndex: 999,
              resizable: false,
              title: "Please wait..."
      })
      .bind("ajaxStart", function(){ $(this).show(); })
      .bind("ajaxStop", function(){ $(this).hide(); });

Ajax 事件只是一个普通的 $.ajax({}) GET 方法调用。

根据此处和 Google 的一些搜索，我尝试更改 ajaxStop 处理程序以使用 $("#modalwindow").close(), $("#modalwindow") .destroy() 等(#modalwindow 此处指的是提供显式上下文)。

我也尝试过使用标准 $("#modalwindow").dialog({}).ajaxStart(... 。

我应该将事件绑定(bind)到不同的对象吗？或者从 $.ajax() 完成事件中调用它们？

我应该提到，我正在最新的 IE8、FF 3.6 和 Chrome 上进行测试。全部具有相同/相似的效果。

Answer 1

找到答案:

  $("#modalwindow").dialog({
          modal: true,
          height: 50,
          width: 200,
          zIndex: 999,
          resizable: false,
          title: "Please wait..."
  })
  .bind("ajaxStart", function(){
      $(this).dialog("open"); })
  .bind("ajaxStop", function(){
      $(this).dialog("close");
  });

self 提醒:RTFM .

当然，现在我意识到它打开和关闭的速度太快了，以至于毫无用处。哦，好吧，希望有人会觉得这有帮助。