Eric Martin 的 SimpleModal 在关闭模式后打破了 jquery ui 选项卡

Question

我在这个项目中使用了simpleModal 和 jquery-ui 选项卡。我在表单上有一个名为“Filter”的链接，它将调用 FilterModal() 来显示模式。

function FilterModal() {
   $('#divFilterModal').modal();
} 

Div #divFilterModal 在 _Filter.cshtml 中。

<div">@Html.Partial(MVC.Sample._Filter)</div>

在 _Filter.cshtml 内，我有两个链接按钮，一个是 "Run"，它将从选定的选项中执行过滤器，然后返回结果并关闭模式，第二个是 "Cancel"，它只会关闭弹出窗口。我也在这个控件上使用了 jquery ui Tabs。

 $(document).ready(function () {
    $('#FilterModalTabs').tabs();
 });

因此，当我单击过滤器链接时，会弹出模式并且选项卡运行良好。如果我单击“运行”按钮，一切都很好。但是当我单击“取消”按钮时，当我再次打开模式时，选项卡正在分解。每次我点击另一个选项卡时，前一个选项卡都不会取消选择/取消焦点，从而打开更多选项卡。

我检查 jquery ui 脚本是否在模式关闭时被删除，但它仍然存在。对此有任何想法吗？提前致谢

Answer 1

我已经解决了这个问题。诀窍是您应该在 onShow 中初始化选项卡。这是代码。

$('#divFilterModal').modal({
    onShow: function (dialog) {
        $('#FilterModalTabs').tabs();
    },
    onClose: function (diag) {
        $.modal.close();
    }
});

谢谢