【发布时间】:2019-04-23 01:41:11
【问题描述】:
jQuery UI 提供的对话框小部件是否有 Vanilla JS 替代品? 它至少应该允许包含任意标记,因此警告或提示不是一个选项。
【问题讨论】:
-
alert,prompt,confirm -
互联网上到处都是javascript对话框/灯箱。
-
有native HTML5
<dialog>element,但在几个重要平台上不支持。 -
我建议制作一个。这很容易做到,应该不会超过 30 分钟。我建议创建一些功能。一个函数来保存你的结构,用一个参数来提供你的内容和你需要的对话框的任何条件。事件的另一个功能,例如您的点击事件、滚动、加载、拖动、调整大小等。第三个可能用于您可能需要的任何 ajax。您甚至可能需要第四个,具体取决于您如何处理初始化模态。最后,你的 CSS。一个简单的模式将具有基本的 HTML 结构 - 通常是标题栏、内容正文,如果需要,还有页脚。
-
如果你想要一个灯箱,方法类似于模态,除了你通常不想要拖动之类的东西,它通常有背景。否则,方法非常相似。
标签: javascript jquery jquery-ui jquery-ui-dialog