jquery:同步行为 jquery ui 对话框？

Question

单击链接时，我有一个 jquery ui 对话框，提示用户是否要导航到下一页或取消此导航请求。

问题在于处理 AJAX Web 应用程序或 href 中的 javascript，其中没有设置明确的 href URL 位置值。

如何创建一个同步行为的 jquery ui 对话框，在导航之前要求用户输入，如果用户输入取消，将导致无导航。

我已经使用同步 AJAX 请求完成了此操作，但这对于 jquery UI 对话框来说是一个问题。

Answer 1

你不能用对话框来做到这一点(现代浏览器会阻止你惹恼用户，因为过度热心的广告商会滥用它)。您可以做的最接近的是使用 window.onbeforeunload 进行提示(特定于浏览器的样式，就像 SO 所做的那样)事件，像这样:

window.onbeforeunload = function() { return "Are you sure you want to leave?"; }

这不会有 jQuery UI 样式，或者以任何方式真正依赖于 jQuery 或 jQuery UI，但它是最可靠的解决方案。

你可以我想取消每个导航事件，存储 anchor 的href，表单的action等等......但这会变得非常困惑，并且仍然没有这些事件的所有 native 浏览器行为。