Jquery UI dialog Xiang Jie (Chinese)

2010-09-09  来源:本站原创  分类:Web  人气:199 

1 Properties

1.11 autoOpen, this property is true when the dialog is invoked automatically open the dialog window. When the property is false, the start hidden windows, to know. Dialog ("open") when it is pop-up dialog window. The default is: true.

1.12 Initialization example: Please note that ,$('. selector ') is the dialog's class name, in this case. Selector = # dialoag, will no longer explain.

$ ('. Selector'). Dialog ((autoOpen: false));

1.13, after initialization, get and set this property cases:

/ / Get

var autoOpen = $ ('. selector'). dialog ('option', 'autoOpen');

/ / Set

$ ('. Selector'). Dialog ('option', 'autoOpen', false);

1.21 bgiframe default is false, When true, the bgiframe plugin will be used, to fix the issue in IE6 where select boxes show on top of other elements, regardless of zIndex. Requires including the bgiframe plugin. Future versions may not require a separate plugin .

In IE6, let the back cover that gray screen select.

1.22 Initialization example:

$ ('. Selector'). Dialog ((bgiframe: true));

1.23, after initialization, get and set:

/ / Get

var bgiframe = $ ('. selector'). dialog ('option', 'bgiframe');

/ / Set

$ ('. Selector'). Dialog ('option', 'bgiframe', true);

1.31 buttons show a button, and write the text on the button, set the button click function. The default is (), there is no button.

The top example has been the use of buttons Properties, please note.

1.32 Initialization example:

$ ('. Selector'). Dialog ((buttons: ("Ok": function () ($ (this). Dialog ("close");))));

1.33, after initialization, get and set:

/ / Get

var buttons = $ ('. selector'). dialog ('option', 'buttons');

/ / Set

$ ('. Selector'). Dialog ('option', 'buttons', ("Ok": function () ($ (this). Dialog ("close");)));

1.41 closeOnEscape is true, just click on the keyboard ESC key to close the dialog, default is true;

1.42 Initialization example:

$ ('. Selector'). Dialog ((closeOnEscape: false));

1.43, after initialization, get and set:

/ / Get

var closeOnEscape = $ ('. selector'). dialog ('option', 'closeOnEscape');

/ / Set

$ ('. Selector'). Dialog ('option', 'closeOnEscape', false);

1.51 dialogClass type will be added to the dialog, default is empty

1.52 Initialization example:

$ ('. Selector'). Dialog ((dialogClass: 'alert'));

1.53, after initialization, get and set:

/ / Get

var dialogClass = $ ('. selector'). dialog ('option', 'dialogClass');

/ / Set

$ ('. Selector'). Dialog ('option', 'dialogClass', 'alert');

1.61 draggable, resizable: draggable can use the title of the first drag, the default is true, you can drag; resizable dialog can change the size, default is true, can change the size.

1.62 Initialization example:

$ ('. Selector'). Dialog ((draggable: false, resizable: false));

1.63 initialized, get and set:

/ / Get

var draggable = $ ('. selector'). dialog ('option', 'draggable');

/ / Set

$ ('. Selector'). Dialog ('option', 'draggable', false);

1.71 width, height, dialog width and height, defaults to auto, auto.

1.72 Initialization example:

$ ('. Selector'). Dialog ((height: 530, width: 200));

1.73 initialized, get and set: See 1.63

1.81 maxWidth, maxHeight, minWidth, minHeight, dialog can change the maximum width, maximum height, minimum width, minimum height. maxWidth, maxHeight default is false, is not limited. minWidth, minHeight default is 150. To use these attributes ui.resizable.js support.

1.82 Initialization example:

$ ('. Selector'). Dialog ((maxHeight: 400, maxWidth: 600, minHeight: 300, minWidth: 300));

1.83, after initialization, get and set: See 1.63

1.91 hide, show, when the dialog closed and open time results. The default is null, no effect

1.92 Initialization example: the most used in the above examples, please see for yourself.

1.93, after initialization, get and set: See 1.63

1.101 modal, whether to use the model window mode window opens, click on the page other elements will not be until the close model window. The default is false than mode window.

110.2 initialization cases :$('. selector '). Dialog ((modal: true));

1.103 initialized, get and set: See 1.63

1.111 title, dialog's title text, default is empty.

1.112 initialization example: see the top examples. 1.113 initialized, get and set: See 1.63

1.121 position, dialog display position: can be a 'center', 'left', 'right', 'top', 'bottom', can also be a top and left offsets can also be an array of strings such as [' right ',' top '].

1.122 initialization cases :$('. selector '). Dialog ((position: [' top ',' right '])); 1.123 initialized, get and set: See 1.63

1.131 zIndex, dialog of zindex value, default is 1000.

1.132 initialization cases :$('. selector '). Dialog ((zIndex: 3999)); 1.133 initialized, get and set: See 1.63

1.141 stack default value is true, when the dialog get focus, dialog will be at the top.

1.142 initialization cases :$('. selector '). Dialog ((stack: false)); 1.143 initialized, get and set: See 1.63

2 events

2.11 beforeclose type dialogbeforeclose, when trying to close the dialog when this event will be triggered if the return false, then the closure will be prevented.

2.12 initialization cases :$('. selector '). Dialog ((

beforeclose: function (event, ui) (...)

));

2.13 cases of this event using the type of binding :$('. selector '). Bind (' dialogbeforeclose ', function (event, ui) (

...

));

2.21 close type: dialogclose, when the dialog is closed trigger this event.

2.22 initialization cases :$('. selector '). Dialog ((

close: function (event, ui) (...)

));

2.23 using the type of binding this event cases :$('. selector '). Bind (' dialogclose ', function (event, ui) (

...

));

2.3 open type: dialogopen, triggered when the dialog open. (Space is limited, the omission of the omitted ah, initialize and use cases of the type binding event can be up reference.)

2.4 focus type: dialogfocus, triggered when the dialog has focus.

2.5 dragStart type: dragStart, when the dialog is triggered when the dragging began.

2.6 drag type: drag, drag when the dialog is triggered.

2.7 dragStop type: dragStop, triggered when the dialog is complete drag.

2.8 resizeStart type: resizeStart, when the dialog form began to change the size of the table.

2.9 resize type: resize, resize when the dialog is triggered.

2.10 resizeStop type: resizeStop, finished size when the change is triggered.

3 Methods

3.1 destroy, I like this Oh, to destroy the Earth. . . Cases:. Dialog ('destroy')

3.2 disable, dialog is not available, eg:. Dialog ('disable');

3.3 enable, dialog can be used, eg, such as 3.2

3.4 close, open, close, open dialog

3.5 option, set and get properties dialog, for example:. Dialog ('option', optionName, [value]), if there is no value, will get.

3.6 isOpen, open dialog is returned if true, such as:. Dialog ('isOpen')

3.7 moveToTop, will move to the top of dialog, for example:. Dialog ('moveToTop')

相关文章
  • Jquery UI dialog Xiang Jie (Chinese) 2010-09-09

    1 Properties 1.11 autoOpen, this property is true when the dialog is invoked automatically open the dialog window. When the property is false, the start hidden windows, to know. Dialog ("open") when it is pop-up dialog window. The default is: tr

  • jQuery ui Dialog explain the parameters 2010-10-19

    Download jquery ui: http://jqueryui.com/ ============================ Jquery UI dialog Detailed Explanation (Chinese) 1 Properties 1.11 autoOpen, this property is true when the dialog is invoked automatically open the dialog window. When the property

  • jcaptcha verification code into jquery ui dialog issue in IE, there funny 2010-12-15

    Will produce the picture jcaptcha into jquery ui dialog appears the problem out now, do not say the problem is on IE6 <img align="bottom" src="jcaptcha.jpg"/> This picture is set, no dialog, then add no problem at all, when addin

  • jQuery UI Dialog 创建友好的弹出对话框实现代码 2014-01-26

    jQuery UI Dialog是jQuery UI的弹出对话框组件,使用它可以创建各种美观的弹出对话框:它可以设置对话框的标题.内容,并且使对话框可以拖动.调整大小.及关闭:平常主要用来替代浏览嚣自带的alert.confirm.open等方法 主要参数 jQuery UI Dialog常用的参数有: 1.autoOpen:默认true,即dialog方法创建就显示对话框 2.buttons:默认无,用于设置显示的按钮,可以是JSON和Array形式: {"确定":function(

  • jquery ui dialog实现弹窗特效的思路及代码 2014-05-16

    这篇文章介绍了jquery ui dialog实现弹窗特效的思路及代码,有需要的朋友可以参考一下 今天我们用jquery ui dialog来做一个弹窗特效.我们先看下效果截图: 我们可以看到,点击的时候,弹窗出现,而且这个弹窗是居中的,还是可以拖动的...实现这一切,只要以下代码: 我们可以看到,我对pop这个div,实现的方式是让它不要autoopen,点击的时候,我只要一句dialog,open就搞定了,借助于jquery ui,我们做弹窗就是这么简单...当然了,大家可以看到,我还有一个

  • jquery ui dialog ie8出现滚动条的解决方法 2014-06-20

    jquery ui 的 dialog 在IE8下会出现不该出现的滚动条,在JQUI的FORUM上SEARCH下,发现也有人碰上,当解决办法就是把滚动条隐藏 此问题在UI1.7就出现,到了UI1.8也未修复,真不知道该怎么说好.. JQUI 开发提交BUG的帖子:http://dev.jqueryui.com/ticket/3623 解决办法相当不科学~ 我的解决办法,个人感觉好过那个,因为我只隐藏横的滚动条,呵呵 附上修改的代码: 修改:jquery.ui.dialog.js var $el =

  • 为jquery.ui.dialog 增加"在当前鼠标位置打开"的功能 2014-07-18

    在使用jquery.ui.dialog的过程中,发现position参数有些问题,无法通过position: [PosX, PosY]动态传递位置参数.下面是官方demo 代码 $("#dialog").dialog({ bgiframe: true, autoOpen: false, position: [PosX, PosY], //alert 出来为:" , "(不含双引号),或者报错,不知什么原因. height: 300, modal: true, but

  • 为jquery.ui.dialog 增加"自动记住关闭时的位置"的功能 2014-07-20

    笔者在项目中使用 jquery.ui.dialog 1.7.2时,当使用$("#d").dialog("open");时,dialog总是弹出在option中指定的位置: 经过摸索进行了扩展,增加"自动记住关闭时的位置"的功能,源码如下: //myJquery.ui.dialog.ex.js //////////////////////////////////// //自动记住 jquery.ui.dialog关闭时的位置 ///////////

  • 浅析JQuery UI Dialog的样式设置问题 2014-08-08

    本篇文章主要是对JQuery中UI Dialog的样式设置问题进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助 最近在用一个JQUERY UI Dialog的插件,感觉特别强大,但样式设置比较麻烦,研究了俩天终于搞定了. 运行插件,需要的环境如下 <script src="../../JS/jquery-1.4.2.js" type="text/javascript"></script> <script src=&qu

  • jQuery UI Dialog控件中的表单无法正常提交的解决方法 2014-08-16

    研究了页面源码后发现,jQuery UI Dialog控件初始化时动态生成的HTML元素被添加到页面的尾部.form元素的后面,而原始的Dialog模板部分(其内包含表单元素)也被移到了 动态生成的HTML元素内. 最近使用jQuery UI的Dialog控件时发现如果在此控件放置表单,则所有表单均无法正常提交,具体表现为: 1.提交按钮失效,点击后无任何反应. 2.即便是使用其它手段使页面产生提交,服务器端也无法取到Dialog中的表单数据. 研究了页面源码后发现,jQuery UI Dial

  • JQuery UI Dialog dialog box of the application 2010-05-31

    Source: http://lwlfree.cn/?p=208 A recent application of reconstruction, one of the page as a supplementary page with the layer to complete the function, but due to the main page is very great, before the layer orientation are not allowed to lead to

  • jQuery UI dialog plugin error message: $ (this). dialog is not a function 2010-09-13

    Use jQuery UI 1.8.4 dialog plugin encountered this error: [Img] http://dl.javaeye.com/upload/attachment/308166/97c428e4-2ce2-367e-b4df-4c4da7686b95.bmp "alt =" "width =" 210 "height =" 44 [/ img] $("#dialog").dialog

  • jQuery UI dialog 的使用 2014-06-26

    初始化参数 对于 dialog 来说,首先需要进行初始化,在调用 dialog 函数的时候,如果没有传递参数,或者传递了一个对象,那么就表示在初始化一个对话框. 没有参数,表示按照默认的设置初始化对话框,在当前最新版本的 jQuery UI 1.8.9 中, dialog 支持下列属性. autoOpen 初始化之后,是否立即显示对话框,默认为 true modal 是否模式对话框,默认为 false closeOnEscape 当用户按 Esc 键之后,是否应该关闭对话框,默认为 true d

  • Jquery UI dialog Xiangjie 2010-05-31

    Source: http://xufish.blogbus.com/logs/39583154.html AUTHOR: Jevoly Or look at the example. Also if you want to drag to change the size of the dialog, then to add ui.draggble.js and ui.resizable.js <! DOCTYPE html> <html> <head> <link

  • jQuery UI 1.7 in Chinese documents 2010-05-31

    UI 1.7.x Chinese documents: http://jqueryui.net/ UI 1.7.x Official Address: http://jqueryui.com/

  • jquery ui dialog ie not display correctly. 2010-09-01

    Use jquery's dialog when Ie there is always the next question was found This is not pop-up pages, originally set to 750px, and the result is only 100px Consequently, look for ie to reset the height $(this).dialog("open"); if ($.browser.msie) { $

  • jquery ui tabs Detailed Explanation (Chinese) 2010-10-23

    1 Properties 1.11 ajaxOptions When the option Calgary upload content, add a ajax option. Only when ajax, ajax option only works to add. The default value is null. The example above, add the beforeSend and the success of two options. See some options

  • jquery ui dialog里调用datepicker的问题 2014-03-02

    一个项目中使用了在dialog中做查询条件的表单,其中用到了日期作为查询条件,使用datepicker时总被dialog遮挡住 解决思路:修改样式表里z-index的值 解决办法: beforeShow: function (i,e) { var z = jQuery(i).closest(".ui-dialog").css("z-index") + 4; e.dpDiv.css('z-index', z); }

  • jQuery UI的Dialog无法提交问题的解决方法 2014-03-09

    最近在使用jQuery UI的Dialog控件时发现如果在此控件放置表单,则所有表单均无法正常提交 具体表现为: 1.提交按钮失效,点击后无任何反应. 2.即便是使用其它手段使页面产生提交,服务器端也无法取到Dialog中的表单数据. 原因:JQuery会把Dialog的元素append到Body里面,而不是form里面.研究了页面源码后发现,jQuery UI Dialog控件初始化时动态生成的HTML元素被添加到页面的尾部.form元素的后面,而原始的Dialog模板部分(其内包含表单元素)

  • UI Dialog load content using AJAX 2010-06-26

    How to Display jQuery UI Dialog in dialog transferred to ajax way to display the content? Format is: $("#myDialog").load( openUrl, postData , function (responseText, textStatus, XMLHttpRequest) { $("#myDialog").dialog('open'); // Opens