jqueryui dialog

浏览数：28 / 时间：2015年06月09日

学习随笔

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

　　大概分为options，event，methods

-------------------------------------------------------

　　options为初始化的参数，以下代码可以初始化一个dialog

　　

html
    <div class="dialog"></div>

js
var options = {
    autoOpen:false, //自动打开
    height:300px,   //宽高
    width:200px,
    draggable:false,    //是否可拖拽
    modal:true  //阻止其他动作
    buttons: {
        ‘确定‘: function() {
            $(this).dialog(‘close‘);
        }
        ‘取消‘: function(){
            //...
        }
    }
}

$(".dialog").dialog(options);

------------------------------------------------

　　methods为动作，最常用的就是打开动作

$(".dialog").dialog("open");

    还有destroy动作:destroy  摧毁一个对话框，去除对话框功能，将元素还原为初始化之前的状态。

------------------------------------------------

     还有beforeclose等的动作，不详述。

 

一个比较好的博客的整理http://www.cnblogs.com/haogj/archive/2011/02/16/1956523.html

 

 

　　

jqueryui dialog,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： des class style 代码 html com js log des class style 代码 html com js log

相关文章

随机文章

您可能还喜欢

您可能还喜欢