Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jquery打开dialog的简单示例

jquery打开dialog的简单示例

发布时间:2015-11-02   编辑:www.jquerycn.cn
本文介绍下,在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等。
这个大家网上搜索下相关类库吧。

您可能感兴趣的文章:
jquery打开dialog的简单示例
jQuery UI API – 对话框部件(Dialog Widget)
Jquery中dialog属性小记
jQuery UI 小部件方法调用
jQuery UI 实例 – 对话框(Dialog)
HTML5中dialog元素的详细讲解(代码示例)
jQuery EasyUI 窗口 – 创建对话框
jquery dialog open后,服务器端控件失效的快速解决方法
jquery easyui通过class方式设置dialog
html5 dialog使用详解

[关闭]