如何创建一个 jQuery 新消息弹出对话框

Question

我正在尝试创建一个 jQuery 驱动的弹出块，用户可以编写新消息。我很可能会找出 HTML/CSS 来设计和缩放它......但是有人有实际创建弹出窗口的解决方案吗？

下面是一个 Dribbble 镜头，非常接近我想要创建的效果：

Answer 1

看看 jQuery UI 的 Dialog 小部件。这是link to an example，对话框中有一个表单。

这样，您只需在div 中创建内容，提供div 和id，然后使用$("#divId").dialog();

dialog 函数采用大量可用于控制其行为的属性，例如 autoOpen，以控制对话框是否在页面加载时自动打开，width 和 height。