从 javascript 用于 Web 应用程序的跨浏览器最稳定的模态对话框实现是啥？

Posted 2023-05-08

【中文标题】从 javascript 用于 Web 应用程序的跨浏览器最稳定的模态对话框实现是啥？

【英文标题】：What is the most stable modal dialog implementation across browsers to use from javascript for a web app?从 javascript 用于 Web 应用程序的跨浏览器最稳定的模态对话框实现是什么？

【发布时间】：2010-09-15 21:56:33

【问题描述】：

我在为客户端构建的 Web 应用程序中使用了大量 JQuery，我想找到一个模态对话框的 javascript 实现，它在以下浏览器集中相当稳定。

IE 7+ FF 2+ Chrome 和 Safari

我尝试了几个 jQuery 插件，但在其中一个浏览器中似乎总是存在伪影。

--- 编辑

jqModal 似乎更稳定，但我在 IE7 中有一个问题，对话框在弹出后立即消失。我怀疑 js 事件没有被取消之类的。我会多玩一点的。

【参考方案1】：

我用了几次jqModal，我很满意。它非常可配置，但重量很轻。

【参考方案2】：

你试过YUI吗？我不确定对 Chrome 的支持是什么，但我对 IE 和 Firefox 的支持非常好，据称它适用于 Safari。

【讨论】：

Chrome 和 Safari 共享相同的渲染引擎，因此两者应该相同。

【参考方案3】：

我们目前使用 BlockUI。太棒了，一句话。可以通过 css 设置样式（当然），阻止任何元素并且看起来很稳定，当然在阻止 IE 和 Firefox....

如果您需要帮助，请发帖，我会伸出援手...

http://www.malsup.com/jquery/block/

【讨论】：

我最初尝试过但一个月左右没有看它。用完 jqModal 后我再看看。

终于有了一个可以在表单元素之上使用 IE6 的对话框！感谢您的链接

【参考方案4】：

我进行了类似的练习，尝试了我能找到的大多数插件。我使用 YUI 有一段时间了，效果很好；我遇到的唯一问题是调整居中模式的大小，这是一个相当晦涩的用例。

我最终得到了 http://dev.iceburg.net/jquery/jqModal/ ，我很满意。