Dialog

Posted 2021-03-07 whjykgz

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){
        }
        }
    });