如果选项卡移动，如何完全阻止 jQuery UI 对话框打开？

Question

我想在 jQuery UI 选项卡中打开一个 jQuery UI 对话框（其内容通过 ajax 加载）。

场景：

我在页面中有两个标签。如果我在一个选项卡中单击覆盖链接（用于模式对话框），并且在加载对话框期间（尚不可见 - 正在发生 ajax 调用），我单击另一个选项卡，我希望该选项卡shift，并从选项卡 1 中删除覆盖。目前，它正在加载到选项卡 2。

如何停止标签 1 中的旧对话框显示在标签 2 中？

dialog("close") & dialog("destroy") 不能解决问题。

感谢您的快速响应。

提前致谢。

Answer 1

所以在 ajax 调用完成之前不会显示您的对话框？对吗？

如果是这样，您可以在您的 ajax 调用的 oncompleted 函数中检查选项卡 1 仍处于选中状态。如果不是，则不显示对话框。

$.get("example.com/foo", null, function (data, status) {

    if ($(".tab1.ui-selected").length == 1) {
        // open the dialog
    } else {
        // do nothing.
    }


} );