jQuery layout 插件属性

相信很多人在用layout的时候都会找layout到底有多少属性可以配置，都能控制什么，网上可以随意找到一些属性的意思，但有时这些属性并不满足，这时候可以去看源码，Layout源码中已经告诉你属性的作用，如下：

1.网上找的：

$(function(){ 
var myLayout =$("body").layout( 
{    
    applyDefaultStyles: true,//应用默认样式 
    scrollToBookmarkOnLoad:false,//页加载时滚动到标签 
    showOverflowOnHover:false,//鼠标移过显示被隐藏的，只在禁用滚动条时用。 
    north__closable:false,//可以被关闭 
    north__resizable:false,//可以改变大小 
    north__size:50,//pane的大小 
    spacing_open:8,//边框的间隙 
    spacing_closed:60,//关闭时边框的间隙 
    resizerTip:"可调整大小",//鼠标移到边框时，提示语 
    //resizerCursor:"resize-p" 鼠标移上的指针样式 
    resizerDragOpacity:0.9,//调整大小边框移动时的透明度 
    maskIframesOnResize:"#ifa",//在改变大小的时候，标记iframe（未通过测试） 
    sliderTip:"显示/隐藏侧边栏",//在某个Pane隐藏后，当鼠标移到边框上显示的提示语。 
    sliderCursor:"pointer",//在某个Pane隐藏后，当鼠标移到边框上时的指针样式。 
    slideTrigger_open:"dblclick",//在某个Pane隐藏后，鼠标触发其显示的事件。(click", "dblclick", "mouseover) 
    slideTrigger_close:"click",//在某个Pane隐藏后，鼠标触发其关闭的事件。("click", "mouseout") 
    togglerTip_open:"关闭",//pane打开时，当鼠标移动到边框上按钮上，显示的提示语 
    togglerTip_closed:"打开",//pane关闭时，当鼠标移动到边框上按钮上，显示的提示语 
    togglerLength_open:100,//pane打开时，边框按钮的长度 
    togglerLength_closed:200,//pane关闭时，边框按钮的长度 
    hideTogglerOnSlide:true,//在边框上隐藏打开/关闭按钮(测试未通过) 
    togglerAlign_open:"left",//pane打开时，边框按钮显示的位置 
    togglerAlign_closed:"right",//pane关闭时，边框按钮显示的位置 
    togglerContent_open:"<div style='background:red'>AAA</div>",//pane打开时，边框按钮中需要显示的内容可以是符号"<"等。需要加入默认css样式.ui-layout-toggler .content  
    togglerContent_closed:"<img/>",//pane关闭时，同上。 
    enableCursorHotkey:true,//启用快捷键CTRL或shift + 上下左右。 
    customHotkeyModifier:"shift",//自定义快捷键控制键("CTRL", "SHIFT", "CTRL+SHIFT"),不能使用alt 
    south__customHotkey:"shift+0",//自定义快捷键（测试未通过） 
    fxName:"drop",//打开关闭的动画效果 
    fxSpeed:"slow",//动画速度 
    //fxSettings: { duration: 500, easing: "bounceInOut" }//自定义动画设置(未通过测试) 
    //initClosed:true,//初始时，所有pane关闭 
    //initHidden:true //初始时，所有pane隐藏 
    onresize :ons,//调整大小时调用的函数 
    onshow_start:start, 
    onshow_end:end 
    /*
    其他回调函数
      
    显示时调用
    onshow = ""
    onshow_start = "" 
    onshow_end = "" 
    隐藏时调用
    onhide = "" 
    onhide_start = "" 
    onhide_end = "" 
    打开时调用
    onopen = "" 
    onopen_start = "" 
    onopen_end = "" 
    关闭时调用
    onclose = "" 
    onclose_start = "" 
    onclose_end = "" 
    改变大小时调用
    onresize = "" 
    onresize_start = "" 
    onresize_end = "" 
    */ 
} 
);  

2.源码带的：

var options = {
name:						""	// FUTURE REFERENCE - not used right now
,	scrollToBookmarkOnLoad:		true		// after creating a layout, scroll to bookmark in URL (.../page.htm#myBookmark)
,	defaults: { // default options for 'all panes' - will be overridden by 'per-pane settings'
applyDefaultStyles: 	false		// apply basic styles directly to resizers & buttons? If not, then stylesheet must handle it
,	closable:				true		// pane can open & close
,	resizable:				true		// when open, pane can be resized 
,	slidable:				true		// when closed, pane can 'slide' open over other panes - closes on mouse-out
//,	paneSelector:			[ ]			// MUST be pane-specific!
,	contentSelector:		defaults.contentSelector	// INNER div/element to auto-size so only it scrolls, not the entire pane!
,	contentIgnoreSelector:	defaults.contentIgnoreSelector	// elem(s) to 'ignore' when measuring 'content'
,	paneClass:				defaults.paneClass		// border-Pane - default: 'ui-layout-pane'
,	resizerClass:			defaults.resizerClass	// Resizer Bar		- default: 'ui-layout-resizer'
,	togglerClass:			defaults.togglerClass	// Toggler Button	- default: 'ui-layout-toggler'
,	buttonClass:			defaults.buttonClass	// CUSTOM Buttons	- default: 'ui-layout-button-toggle/-open/-close/-pin'
,	resizerDragOpacity:		1			// option for ui.draggable
//,	resizerCursor:			""			// MUST be pane-specific - cursor when over resizer-bar
,	maskIframesOnResize:	true		// true = all iframes OR = iframe-selector(s) - adds masking-div during resizing/dragging
//,	size:					100			// inital size of pane - defaults are set 'per pane'
,	minSize:				0			// when manually resizing a pane
,	maxSize:				0			// ditto, 0 = no limit
,	spacing_open:			6			// space between pane and adjacent panes - when pane is 'open'
,	spacing_closed:			6			// ditto - when pane is 'closed'
,	togglerLength_open:		50			// Length = WIDTH of toggler button on north/south edges - HEIGHT on east/west edges
,	togglerLength_closed: 	50			// 100% OR -1 means 'full height/width of resizer bar' - 0 means 'hidden'
,	togglerAlign_open:		"center"	// top/left, bottom/right, center, OR...
,	togglerAlign_closed:	"center"	// 1 => nn = offset from top/left, -1 => -nn == offset from bottom/right
,	togglerTip_open:		"Close"		// Toggler tool-tip (title)
,	togglerTip_closed:		"Open"		// ditto
,	resizerTip:				"Resize"	// Resizer tool-tip (title)
,	sliderTip:				"Slide Open" // resizer-bar triggers 'sliding' when pane is closed
,	sliderCursor:			"pointer"	// cursor when resizer-bar will trigger 'sliding'
,	slideTrigger_open:		"click"		// click, dblclick, mouseover
,	slideTrigger_close:		"mouseout"	// click, mouseout
,	hideTogglerOnSlide:		false		// when pane is slid-open, should the toggler show?
,	togglerContent_open:	""			// text or HTML to put INSIDE the toggler
,	togglerContent_closed:	""			// ditto
,	showOverflowOnHover:	false		// will bind allowOverflow() utility to pane.onMouseOver
,	enableCursorHotkey:		true		// enabled 'cursor' hotkeys
//,	customHotkey:			""			// MUST be pane-specific - EITHER a charCode OR a character
,	customHotkeyModifier:	"SHIFT"		// either 'SHIFT', 'CTRL' or 'CTRL+SHIFT' - NOT 'ALT'
//	NOTE: fxSss_open & fxSss_close options (eg: fxName_open) are auto-generated if not passed
,	fxName:					"slide" 	// ('none' or blank), slide, drop, scale
,	fxSpeed:				null		// slow, normal, fast, 200, nnn - if passed, will OVERRIDE fxSettings.duration
,	fxSettings:				{}			// can be passed, eg: { easing: "easeOutBounce", duration: 1500 }
,	initClosed:				false		// true = init pane as 'closed'
,	initHidden: 			false 		// true = init pane as 'hidden' - no resizer or spacing

/*	callback options do not have to be set - listed here for reference only
,	onshow_start:			""			// CALLBACK when pane STARTS to Show	- BEFORE onopen/onhide_start
,	onshow_end:				""			// CALLBACK when pane ENDS being Shown	- AFTER  onopen/onhide_end
,	onhide_start:			""			// CALLBACK when pane STARTS to Close	- BEFORE onclose_start
,	onhide_end:				""			// CALLBACK when pane ENDS being Closed	- AFTER  onclose_end
,	onopen_start:			""			// CALLBACK when pane STARTS to Open
,	onopen_end:				""			// CALLBACK when pane ENDS being Opened
,	onclose_start:			""			// CALLBACK when pane STARTS to Close
,	onclose_end:			""			// CALLBACK when pane ENDS being Closed
,	onresize_start:			""			// CALLBACK when pane STARTS to be ***MANUALLY*** Resized
,	onresize_end:			""			// CALLBACK when pane ENDS being Resized ***FOR ANY REASON***
*/
}
,	north: {
paneSelector:			"."+prefix+"north" // default = .ui-layout-north
,	size:					"auto"
,	resizerCursor:			"n-resize"
}
,	south: {
paneSelector:			"."+prefix+"south" // default = .ui-layout-south
,	size:					"auto"
,	resizerCursor:			"s-resize"
}
,	east: {
paneSelector:			"."+prefix+"east" // default = .ui-layout-east
,	size:					200
,	resizerCursor:			"e-resize"
}
,	west: {
paneSelector:			"."+prefix+"west" // default = .ui-layout-west
,	size:					200
,	resizerCursor:			"w-resize"
}
,	center: {
paneSelector:			"."+prefix+"center" // default = .ui-layout-center
}

};