使用jQuery的最轻的非模态对话框？

下面是一个演示：

但对我来说太大了

总共有两千行

---

我希望在一个文件中有一个不到1000行的文件。

你可以在下载时取消选中所有你不需要的东西，从而将JQueryUI剥离到最基本的部分

---

我可以想象，如果你这样做，你可以在1000行以下得到它。

如果你对行数高所隐含的复杂性有反感，你需要克服这一点，否则你最终会这样做，因为缺乏信任而从头开始重新实现，并选择外观稍不复杂但最终较差的库

我这样说是因为你要求更少的代码行，这是一个很好的复杂性和可维护性指标，但对于重要的东西，如良好的设计和良好的文档，这是一个很差的指标。如果您使用缩小的代码，即使大小也很少成为问题

深吸一口气，把文件包括在内：）

@Shore: 为此,

HTML代码：

<a id="clickme">Open Dialog</a>

<div id="dialog" style="display:none;">Hello this is a dialog</div>

我喜欢jqmodal。（不一定是模态的！）
大约3公里

初始化

$('#dialog').jqm(); 

显示

$('#dialog').jqmShow();

---

我也在问自己同样的问题。哪里可以找到不包含jQuery UI的轻量级覆盖插件？ 在我大约花了一个小时搜索网页后，我决定自己实现它

因此，三年后的答案是：

---

您可以尝试使用一个简单、轻量级的jQuery插件来显示无模式覆盖。

它需要多小才能符合条件？在什么方面太大？对话框对于您的内容来说是否太大？所需的插件脚本是否太大，您无法将其包含在您的页面中？您可以轻松地滚动自己的插件脚本，但功能列表会有所帮助。您希望对话框做什么？jQuery ui必须满足许多要求。“满足许多要求”-包括跨浏览器兼容性。显示分层div不是rocket science x-browser…只有1100多行（非缩小）和32K，只有核心和对话框。如何实现：单击链接，然后弹出单击发生的对话框。是否有一个简单的版本，我可以从bower获得，只需弹出一个看起来像模态的弹出窗口

$('#dialog').jqmShow();