jquery打开dialog的简单示例

发布时间:2020-07-08编辑:脚本学堂
本文介绍下,在jquery中打开dialog的一个例子,有需要的朋友作个参考吧,希望对您有所帮助。

1,jquery打开dialog
 

复制代码 代码示例:
showDialog("dialog") 
 
function showDialog(elementId){ 
    $('#' + elementId).dialog({ 
        autoOpen: false, 
        modal:true, 
        width:580, 
        position:['center',100] 
    }); 
    $('#' + elementId).dialog('open'); 
}

2,html代码部分 
 

复制代码 代码示例:
<div id="dialog" border="1" style="display:none;" title='AAA'>                  
</div>

说明:
使用JQuery方式,要先引入JQuery库,如:jquery-1.7.js,jquery-ui-1.8.16.custom.min.js,jquery-ui-1.8.16.custom.css等。
这个大家网上搜索下相关类库吧。