0

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

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

div #divFilterModal 在 _Filter.cshtml 中。

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

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

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

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

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

4

1 回答 1

0

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

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

谢谢

于 2012-07-28T14:24:01.603 回答