小编bdl*_*bdl的帖子

ajaxStart事件上的jQuery模式对话框

我试图通过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(); });
Run Code Online (Sandbox Code Playgroud)

Ajax事件只是一个简单的vanilla $.ajax({})GET方法调用.

基于某些搜索在这里和谷歌,我试着改变ajaxStop处理程序使用$("#modalwindow").close(),$("#modalwindow").destroy()等(#modalwindow这里称为给予明确的情况下).

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

我应该将事件绑定到不同的对象吗?或者在$.ajax()完整的活动中召唤他们?

我应该提一下,我正在测试最新的IE8,FF 3.6和Chrome.所有都具有相同/相似的效果.

ajax jquery jquery-ui modal-dialog

4
推荐指数
1
解决办法
6751
查看次数

标签 统计

ajax ×1

jquery ×1

jquery-ui ×1

modal-dialog ×1