Question

我为此项目使用了simpleModal和jquery-ui标签。我有一个名为＆＃34; Filter＆＃34;的链接。在将调用FilterModal（）以显示模态的表单上。

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

Div #divFilterModal在_Filter.cshtml中。

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

在 _Filter.cshtml 内，我有两个链接按钮，一个是＆＃34;运行＆＃34; ，它将从所选的选项中执行过滤，然后回发结果并关闭模态，第二个是＆＃34;取消＆＃34; ，它将关闭弹出窗口。此外，我在此控件上使用了jquery ui Tabs。

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

因此，当我单击Filter链接时，弹出模式并且选项卡运行良好。如果我点击＆＃34; Run＆＃34;按钮。但是当我点击＆＃34;取消＆＃34;按钮，当我再次打开模态时，标签分解。每次单击另一个选项卡时，上一个选项卡都不会取消选择/取消聚焦，从而打开更多选项卡。

我检查了jquery ui脚本，如果它在模态关闭时被删除了，但它仍然存在。有什么想法吗？提前谢谢

Answer 1

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

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

由于

关闭模态后，Eric Martin的SimpleModal打破了jquery ui标签

1 个答案: