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

Question

我正在尝试创建一个 jQuery 支持的弹出 block ，用户可以在其中撰写新消息。我很可能想出 HTML/CSS 来设计和缩放它……但是有人有实际创建弹出窗口的解决方案吗？

下面是一个 Dribbble 截图，它非常接近我要创建的内容:

Answer 1

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

有了它，您只需在 div 中创建您的内容，给那个 div 和 id，然后使用 $("#divId").dialog();

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