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

Boxy.load(url, options)

• 类型 - HTTP方法，默认为GET
• 缓存 - 如果是true，缓存内容连续通话。相当于缓存选项传递到jQuery的Ajax方法。默认：false。
• 过滤 - jQuery的表达式，用于过滤远程内容。

Boxy.get(element)

Boxy.ask(question, answers, callback, options)

Boxy.alert(message, callback, options)

Boxy.confirm(message, callback, options)

Boxy.linkedTo(ele)

Boxy.isModalVisible()

new Boxy(element, options)

estimateSize()

getSize()

getContentSize()

getPosition()

getCenter()

getInner()

getContent()

setContent(newContent)

moveTo(x,y)

centerAt(x,y)

center(axis)

resize(w,h,after)

tween(w,h,after)

isVisible()

show()

hide(after)

toggle()

hideAndUnload(after)

unload()

toTop()

getTitle()

setTitle(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完全定制对话框的外观，这里的是您可能感兴趣的选择器列表。

.boxy-wrapper .title-bar

.boxy-wrapper .title-bar h2

.boxy-wrapper .title-bar.dragging

.boxy-wrapper .title-bar .close

.boxy-inner

.boxy-content

.boxy-wrapper .question

.boxy-wrapper .answers

.close