jquery - 如何使用 jQuery 在 HTML 中显示对话框？

Question

我想在我的网站上显示一个弹出对话框。

我想知道我有什么替代方案可以做到这一点？

我知道对话框应该是一个具有固定或绝对位置的 div 并且最初是隐藏的，然后它的样式从无更改为 block ，并且可能使用 jQuery 更改 top 属性和 left 以反射(reflect)div 的动态大小。

所以问题是我应该手动编写 Javascript 代码还是应该使用像 jQuery.ui 这样的库来执行此操作？问题是 jQuery.ui 是 200KB，这对于显示对话框来说太大了。

除了 jQuery.ui 还有什么替代方案？

Answer 1

听起来您仍然愿意使用 jQuery UI。

使用 jQuery UI。

如果您从 jqueryui.com 创建自定义构建，实际的 js 文件是 29kb 缩小的，而不是您担心的 200kbish。 .dialog() 听起来完全符合您的需求，而且 29kb 应该是可管理的，因此您不必编写代码:)

编辑:正如所建议的那样，AppRise 的大小为 5kb，这在功能上要小得多。然而，jQuery UI 有一些更多的选项伴随着大小开销。