码迷,mamicode.com
首页 > Web开发 > 详细

jqueryui dialog

时间:2014-08-12 13:20:54      阅读:234      评论:0      收藏:0      [点我收藏+]

标签:des   style   blog   http   color   os   io   for   

学习随笔

  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,布布扣,bubuko.com

jqueryui dialog

标签:des   style   blog   http   color   os   io   for   

原文地址:http://www.cnblogs.com/cjy1993/p/3906887.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!