Dialog

Dialog API文档:https://jqueryui.com/dialog/

``` $( "#dialog" ).dialog({ width:680, autoOpen: false, modal:true,//如果设置为true,对话框将具有模态行为;页面上的其他项目将被禁用,即无法与之交互;模式对话框在对话框下方但在其他页面元素上方创建一个叠加层。 position:["center","top"],//{ my: "center", at: "center", of: window };指定打开对话框时应显示的位置;该of属性默认为窗口,但您可以指定另一个要定位的元素 title:"高级编辑器", show: {effect:"blind",direction:"up",duration: 500},//样式;方向;持续时间 hide: {effect:"blind",direction:"left",duration: 200, open:function(event,ui){ } } }); $( "#dialog" ).dialog( "open" );//启动dialog $( "#dialog" ).dialog( "close" );//关闭dialog ```
posted @ 2020-02-25 11:36  whjykgz  阅读(394)  评论(0编辑  收藏  举报