问题标签 [simplemodal]

我刚刚将 SimpleModal 1.3.2 联系表下载到我的本地主机来试用；我所做的唯一更改是对 data/contact.php 中的用户设置。点击“发送”后，我收到了感谢信息，SimpleModal 关闭。但是，有些东西阻止了电子邮件的发送；我从来没有在我的收件箱中收到它。欢迎任何意见；这是一个漂亮的系统，我想使用它。

我是一个 jQuery 新手，并且通过在我的脚本中执行此操作来操纵 Simple Modal 以允许我在页面上拥有多个模态：

$('input.basic, a.basic').click(function (e) { e.preventDefault(); $(this).next('.basicModalContent').modal(); });

这是我的 HTML：

我遇到的问题是第一次单击并关闭时一切正常。第二次单击启动模式，但所有内容都从框中消失了。

请参阅此链接以了解实际中的错误：http: //blanksky.com/test/ebenefits21/modal.html

我正在使用 SimpleModal 插件在浮动窗口中显示动态内容。在这个浮动窗口中包含了一个 Javascript 函数调用（在点击事件上），它正在改变这个浮动窗口上的一些内容。

这对 FF 非常有效。但是 IE 有一个问题（我只用 IE8 测试过）：仅在第一次在相应页面上打开此模式窗口时，更改此 Javascript 中的任何内容（或任何其他效果，如隐藏 DIV 等）使用 jQuery 的函数正在工作。在随后的调用中，如果此浮动窗口已在其间关闭，则 IE 将什么也不做！！！

似乎 IE 不再识别某些 DOM 对象已更改并且应该呈现这些更改。检查 DOM 对象的实际内容时，您会看到内容已更改，但只是没有渲染！:-(

我已经尝试了一些技巧，例如根元素上的 addClass('fake') / removeClass('fake') ，但没有成功。

这里有一些测试代码。

用于打开模态窗口的 Javascript 函数：

更改内容的 Javascript 函数（从浮动窗口中调用）：

}

调用 jQuery SimpleModal 插件的对应代码：

}

这或多或少是从http://www.ericmmartin.com/projects/simplemodal复制的代码：

当浮动窗口第二次打开时，您会在警告框中看到 innerHTML 已被调整，但仍显示值“OrigValue”。在第一次尝试中，它始终按应有的方式工作（“ChangedValue”显示在 DIV 中）。

谢谢你的任何提示！

干杯，罗杰

我很想使用 simplemodal jquery 插件来显示一些 HTML。我在这个 html 中有一个 ajax 按钮，按下该按钮会将一些更广泛的 HTML 内容返回到模态框。

似乎没有办法让simplemodal“意识到”这一点并让它自动调整大小，所以我想做的就是在按下ajax按钮时杀死模式，然后在内容之后重新创建它返回并让初始自动调整大小处理它。但是我不知道如何使这项工作。

到目前为止，我有：

但是这些代码所做的只是关闭覆盖而不重新打开。

我有一个 asp.net 页面，其中包含一个带有自动完成扩展器的文本框。它的设置使用户可以在文本框中键入一个简短的参考代码，然后从自动完成返回的匹配代码列表中进行选择。

在“选择”上，然后我使用 JQuery 调用服务器。我目前在这里使用 $.get.... 来自 $.get 的回调函数检查“成功”，然后显示一个简单模式对话框，其中包含有关他们刚刚选择的项目的信息。

这里加载的信息位之一是 JQuery TABS 设置，因此 simplemodal 的 onShow 函数用于启动 simplemodal 中的选项卡。

现在到我问题的症结所在。如果我在同一页面上执行多个连续的“自动完成”，一切正常，除非我在 simplemodal 的选项卡上选择了不同的选项卡......如果我选择了不同的选项卡，请关闭 simplemodal，然后执行另一个自动完成我得到一个 JQuery 错误，它似乎与选择器对“关闭”模式上的“旧”选定选项卡执行某些操作有关。

我显然在某处缺少某种清除/初始化，但找不到它是什么。帮助？

我在上面代码中的模态调用之前尝试过“tabs.destroy”，并且我也尝试过 $.ready() 调用，如所示......

更新：这与 JQuery 选项卡在我的地址栏 URL 中附加所选选项卡的 ID 有关吗？

我一直无法从 simplemodal 中捕捉到 onclose。如果可以的话，请帮帮我，因为我是 jQuery 新手...

工作，但我想在模式对话框关闭时调用一个javascript函数。我如何附加，比如 updateTable(); 到关闭事件？？

我试过了

<a href="" onclick="$(this).modal({onClose: alert(1);$.modal.close();}).open();"

以及所有这种愚蠢的变体，但老实说，看看示例页面中的嵌套函数只会让我头晕目眩（第二个示例也有 href，但它不允许我在这里发布）....

我将如何使用ColorBox创建一个“确认覆盖”模式对话框，该对话框可以中断表单提交，直到单击“是”。

Simple Modal有类似的功能，但我更喜欢 colorbox 的实现和文档，否则我会使用后者。

我们的 simplemodal alert div 需要是可打印的。在大多数情况下，内容本身应该适合页面，但我不能覆盖我的打印 css 中的定位以使其顶部/左侧齐平以进行打印，以避免右侧被切断。

似乎我可以在我的打印 css 中更改 #simplemodal-container 以用于除定位之外的所有内容。我试图绝对定位它并关闭所有填充和边距，但没有任何效果：它仍然像在屏幕版本上一样出现在中心。

有谁知道为 media="print" 覆盖它的方法吗？

我正在尝试使用 jQuery SimpleModal Confirm 在提交表单时显示是/否确认。

我在此处修改了演示（列表中的最后一个），如下所示，以捕获并阻止表单提交。

但是，这似乎仅适用于 jQuery 1.2.6，如果单击“是”，则最近升级到 1.3.2 会停止提交表单。

但是，我无法弄清楚我的代码现在是错误/不兼容的。演示（这是一个简单的 window.href 实现，适用于两个版本）。

是否可以覆盖“警报”消息，例如此插件覆盖“确认”？