jQuery boxy弹出层插件中文演示及使用讲解(2)

构造函数;创建一个新的boxy对话框。element是对话框的内容;任何有效的参数,jQuery的$()函数在这里也是有效的。options是一个配置选项的散列,见下面详细的资料。

estimateSize()

当对话框不可见的时候估计其大小。如果当前对话框可见,不要使用此方法,使用getSize()代替。

getSize()

以数组的形式[width, height]返回对话框的大小。

getContentSize()

返回对话框内容区域的大小。默认情况下,指在对话框框架里的一切,不包括标题栏。

getPosition()

以[x,y]数组形式返回最顶层对话框的左上角坐标。

getCenter()

以[x,y]数组形式返回最顶层对话框的中心点的坐标。

getInner()

返回一个jQuery对象包装对话框的内部区域-框架内包括标题栏一切。

getContent()

返回一个jQuery对象包装对话框的内容区域-框架内的一切,不包括标题栏。

setContent(newContent)

设置对话框中的内容,任何对$()有效的参数也对设置的新内容有效。可链接。

moveTo(x,y)

移动对话框到左上角为(x,y)的位置,可链接。

centerAt(x,y)

把对话框移动到中心坐标为(x,y)的位置上。

center(axis)

移动对话框,使其在视野的中央。可选参数axis可以是"x","y"中的任意一个中心轴。可链接。

resize(w,h,after)

重新调整对话框的高宽到[w,h],完成后执行回调函数,回调函数将接受Boxy实例作为参数。可链接。

tween(w,h,after)

动画补间对话框高宽到[w,h],完成后执行回调函数,回调函数将接受Boxy实例作为参数。可链接。

isVisible()

如果当前对话框可见,则返回true,否则返回false。

show()

显示对话框,可链接。

hide(after)

隐藏对话框,after为可选回调函数,完成后执行。可链接。

toggle()

触发对话框的显隐属性。可链接。

hideAndUnload(after)

在隐藏后立即执行卸载。在卸载之前执行after回调函数。可链接。

unload()

从DOM中删除对话框,切断其与执行机构的联系,如果有的话。一旦出现一个对话框已被卸载它的任何进一步行动都是未定义的。

toTop()

将当前对话框移动到其他所有对话框的上部。可链接。

getTitle()

以HTML的形式返回对话框的标题。

setTitle(t)

设置对话框的标题为t,可链接。

完整的构造函数选项列表

选项 描述 默认 title 显示在自动生成标题栏上的标题 null closeable 是否一个关闭对话框的驱动器要添加到自动生成标题栏上。如果标题没有指定是没有影响的。 true closeText 在可用情况下标题栏关闭链接的文字 "[关闭]" draggable 是否对话框可以通过标题栏进行拖拽。标题未指定没有影响。 true clone 内部区域的元素以及事件处理程序应不应该在被替换之前进行复制。 false actuator DOM元素(不包括jQuery对象),引发此对话框。两者之间的联系将被建立,此联系允许对话框的参照稍后在通过执行Boxy.linkedTo(element)获取的元素中进行检索。当对话框被卸载,此联系也会被自动切断。 null center 对话框是否屏幕中心显示 true fixed 是否使用固定定位(fixed)而不是绝对定位(absolute),固定定位的对话框不受浏览器滚动条影响。IE6不支持固定定位,其永远表现为绝对定位。 true show 对话框是否需要立即显示,如果是false,则需要你手动调用dialog.show()以显示对话框。 true modal 对话框是否设置为模态。模态时,浏览器背景“黑黑的”,阻止页面的其他元素接受事件。 false x 对话框的x(left)坐标 50 y 对话框的y(top)坐标 50 unloadOnHide 如果是true,则在此对话框隐藏后会被卸载(如从DOM中删除) false clickToFront 如果是true,则单击对话框的任意位置(只是相对于标题栏),会导致其跑到顶部。 false behaviours 函数用来申请对话框内容的自定义行为。每次调用setContent(),且在Boxy对象中的上下文中执行,将接受一个包含内容区域的jQuery对象作为参数。 function(r){} afterDrop 当对话框放下的时候在Boxy对象的上下文执行回调函数。 function(){} afterShow 当对话框显示的时候在Boxy对象的上下文执行回调函数。能够用来使表单的文本框获取焦点。 function(){} afterHide 当对话框隐藏的时候在Boxy对象的上下文执行回调函数。 fuuction(){} beforeUnload 在对话框卸载前在Boxy对象的上下文执行回调函数。 function(){}

CSS选择器

可以通过css完全定制对话框的外观,这里的是您可能感兴趣的选择器列表。

.boxy-wrapper .title-bar

div包装的自动生成的标题栏

.boxy-wrapper .title-bar h2

标题栏的内容

.boxy-wrapper .title-bar.dragging

拖拽时候的标题栏

.boxy-wrapper .title-bar .close

默认的关闭对话框的执行器

.boxy-inner

内部区域,包括标题栏

.boxy-content

内部区域,不包括标题栏。这个class类将被自动添加到传递给Boxy的构造函数的任何元素。

.boxy-wrapper .question

通过Boxy.ask()创建的,包含问题文字

.boxy-wrapper .answers

通过Boxy.ask()创建的,包含应答的按钮

.close

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdfjds.html