ajax 启动时 Jquery 阻止 UI

发布于 2024-09-05 09:20:58 字数 376 浏览 4 评论 0原文

我试图在 ajax 启动时显示 blockui,如下所示:

 // block when ajax activity starts
    $(document).ajaxStart($.blockUI({ message: '<h1><img src="busy.gif" /> Just a moment...</h1>' }));

然后我想停止它执行

 // unblock when ajax activity stops 
    $(document).ajaxStop($.unblockUI); 

问题是,执行 ajax 时它不会加载,我做错了什么?

I am trying to show blockui when ajax starts like so:

 // block when ajax activity starts
    $(document).ajaxStart($.blockUI({ message: '<h1><img src="busy.gif" /> Just a moment...</h1>' }));

and then I want to stop it doing

 // unblock when ajax activity stops 
    $(document).ajaxStop($.unblockUI); 

Problem Is that it won't load when ajax is performed what have I done wrong'??

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

硬不硬你别怂 2024-09-12 09:20:58

我认为您需要像这样更改它:

$(document).ajaxStart(function () {
  $.blockUI({ message: '<h1><img src="busy.gif" /> Just a moment...</h1>' });
});

当您需要将参数传递给要绑定的函数时,您应该使用匿名函数,然后在其中调用您的方法。 $.blockUI() 返回不可调用的内容,因此以这种方式绑定它不起作用。

I think you need to change it like so:

$(document).ajaxStart(function () {
  $.blockUI({ message: '<h1><img src="busy.gif" /> Just a moment...</h1>' });
});

When you need to pass parameters to the function you want to bind you should use an anonymous function and then call your method inside it. $.blockUI() returns something which is not callable, so it doesn't work to bind it that way.

故人爱我别走 2024-09-12 09:20:58

根据 jQuery 文档

每当即将发送 Ajax 请求时,jQuery 都会检查是否还有其他未完成的 Ajax 请求。如果没有任何进展,jQuery 将触发 ajaxStart 事件。此时将执行已使用 .ajaxStart() 方法注册的所有处理程序。

那么也许您还有其他 AJAX 请求阻止此事件触发?

According to the jQuery documentation:

Whenever an Ajax request is about to be sent, jQuery checks whether there are any other outstanding Ajax requests. If none are in progress, jQuery triggers the ajaxStart event. Any and all handlers that have been registered with the .ajaxStart() method are executed at this time.

So perhaps you have other AJAX requests that are preventing this event from firing?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文