如何使用PopUp插件

我尝试搜索插件jquery以创建注释的PopUp。 但我不知道如何使用它以及支持Popup的插件是什么。 任何人都可以帮我展示简单的代码和解释

Answer 1

试试这个：

工作jsFiddle演示

需要了解的重要事项是：

一：你需要在引用这三个：（1）jQuery库，（2）jQueryUI库，以及（3）jQueryUI css

二：任何div都可以成为一个对话框。 div可以包含任何HTML格式和元素，包括按钮，图像，输入框等.div及其所有格式化元素将在对话框中显示。

三：通常的做法是首先初始化对话框，但设置autoOpen: false,然后稍后你可以强制它用('#divID').dialog( 'open' )命令('#divID').dialog( 'open' ) 。

四：单击按钮时，对话框不会自动关闭。 您必须使用('#divID').dialog( 'close' )命令关闭它

五：初始化对话框时可以使用许多设置。 最有用或最有趣的是：
* autoOpen： true / false，
* 宽度： 500，//注意：没有’px’
* 位置： ‘顶部’，
* draggable： false，
* closeOnEscape： false

六：重新使用对话框 – 即替换其内容并重新打开：

 $('#dlgDiv').html('
New stuff goes here
'); $('#dlgDiv').dialog('open'); 

七：彻底破坏对话框（允许你使用.dialog()重新创建另一个dlg：

 $('#dlgDiv').dialog('destroy'); 

---

完全工作，独立，剪切/可处理的示例：

补充阅读：

http://salman-w.blogspot.ca/2013/05/jquery-ui-dialog-examples.html

如何自定义jquery ui对话框标题颜色和字体大小？

https://www.udemy.com/blog/jquery-popup-window/

如何将元素位置传递给jquery UI对话框

http://api.jqueryui.com/dialog/

jQuery UI对话框按钮文本作为变量

扩展jquery ui对话框（添加更多选项）