SimpleModal - 调用“modal()”在同一个元素上

Question

我有一个页面，我想在其中包含几个由 SimpleModal 实现的模态窗口实例。具体场景如下：

1. 页面已加载。
2. 用户点击按钮打开模式窗口。
3. 在模式中，用户插入（输入）他需要的所有信息。
4. 数据经过验证。 如果验证失败，则应显示一个新的模式并显示错误。这个概念是有一个模态窗口，它应该像 javascriptalert() 函数一样工作。
5. 当错误可见时，之前的模态窗口应该消失。一旦用户单击“确定”，错误应该消失并且旧的模态窗口应该出现。

现在，我正在寻找答案，并且看到了 Eric Martin（SimpleModal 的开发人员）的几篇帖子，讨论了如何拥有多个模式窗口。 SimpleModal 似乎不支持它，他建议的是用新的内容替换模式的内容。

我想做的是：

1. 在显示警报之前，我保留打开模式的 ID。
2. 隐藏所有打开的模态（隐藏 div）。
3. 显示警报并绑定“确定”按钮。
4. 当用户单击“确定”时，我关闭（警报的）当前模式，获取旧 div 的名称，然后通过调用 ShowDialog("getSubsidiariesForCustomer") 再次显示它。

我的问题是，当我尝试运行最后一个命令时，它不起作用。经过调查后，如果在某个元素上调用了 modal() 函数，SimpleModal 插件的实现似乎会保留一个标志。

只是为了一般知识：

1. 我正在使用简单的模态 1.41

2. 看起来我在 JS 的第 216 行上失败了：

   //不允许多次调用 如果（SD数据）{ 返回假； 看起来

就在本节之后： 我首先运行“jBtnNew_Click”的逻辑：

Admin.BL.SettingsPage.jBtnNew_Click=function(e)
{
    Admin.BL.EcmSettings.ShowDialog("#getSubsidiariesForCustomer");
    alert(""); //Just for debugging
    Admin.BL.EcmSettings.ShowAlert();
}

Admin.BL.SettingsPage.ShowAlert=function()
{
    var id = $("div.model:visible").eq(0).attr("id");
    $("#alertBtnOk").one("click", function(e){
        $.modal.close();
        if (id != undefined)
        {
            Admin.BL.SettingsPage.ShowDialog(id);
        }
    }
    );
    Admin.BL.SettingsPage.ShowDialog("#alert");
}

Admin.BL.SettingsPage.ShowDialog=function(dialogId)
{
    if (dialogId.indexOf("#") < 0)
    {
        dialogId = "#" + dialogId;
    }
    $("div.model").hide();
    $("#dialog").modal({position:new Array("20%"),
    overlayId:"dialog-overlay",
    containerId:"confirm-container"});
    $(dialogId).show();
}

这是我的 HTML：

获取客户的子公司 客户编号： 客户姓名： 这是我的警报

任何有关解决此问题的帮助将不胜感激！！

谢谢:)

Answer 1

我认为您的问题 (#4) 可能与我在 SimpleModal 中处理 Opera 问题的 setTimeout 代码有关。我需要删除它，但现在您可以尝试通过查找以下内容来编辑 SimpleModal 源：

setTimeout(function(){
    // opera work-around
    s.d.overlay.remove();

    // reset the dialog object
    s.d = {};
}, 10);

并将其替换为：

s.d.overlay.remove();
// reset the dialog object
s.d = {};

如果这对您不起作用，请告诉我...