描述

使用鼠标改变一个元素的尺寸,详见 http://www.jqueryui.com/resizable/

参数

允许动态属性:

false
名称 必需 默认值 类型 描述
alsoResize     String 在重置元素尺寸大小的同时重置指定的一个或多个元素的尺寸大小,该属性值为 jQuery 选择器,详见 http://api.jqueryui.com/resizable/#option-alsoResize
animate   false Boolean 在调整大小后使用一段动画完成调整,详见 http://api.jqueryui.com/resizable/#option-animate
animateDuration     Integer 当使用animate选项时,动画持续的时间。单位毫秒。详见 http://api.jqueryui.com/resizable/#option-animateDuration
animateEasing   swing String 动画执行时的缓冲效果。当使用 animate选项时,哪个 easing (缓冲函数 http://api.jqueryui.com/easings/)被应用,详见 http://api.jqueryui.com/resizable/#option-animateEasing
aspectRatio   false Boolean 该元素是否应限制在一个特定的比例进行缩放,详见 http://api.jqueryui.com/resizable/#option-aspectRatio
autoHide   false Boolean 如果设置为真, 将会自动隐藏调整手柄图标,除非鼠标移动到该元素上,详见 http://api.jqueryui.com/resizable/#option-autoHide
cancel   input,textarea,button,select,option String 如果设置了选择器匹配,将拒绝对匹配元素的大小调整,详见 http://api.jqueryui.com/resizable/#option-cancel
containment     String 使用指定的元素强制性限制大小调整的界限。可选值为 'parent'、'document' 或 jQuery 选择器,详见 http://api.jqueryui.com/resizable/#option-containment
delay   0 Integer 设定需要经过多少毫秒以后调整才会开始。如果指定了该参数,调整不会马上开始,除非鼠标调整动作已经持续了指定的时间,这可以防止误操作对元素进行了非预期的调整。详见 http://api.jqueryui.com/resizable/#option-delay
disabled   false Boolean 如果设置为 true 将禁止resizable(缩放)。详见 http://api.jqueryui.com/resizable/#option-disabled
distance   1 Integer 设定调整操作需要移动多少个像素后调整才会开始。如果指定了该参数,调整不会马上开始,直到鼠标移动了指定的像素后,这可以防止误操作对元素进行了非预期的调整。详见 http://api.jqueryui.com/resizable/#option-distance
ghost   false Boolean 如果设置为true, 将会在调整过程中看到一个半透明的辅助元素。详见 http://api.jqueryui.com/resizable/#option-ghost
grid     String 设置调整x和y改变的像素. 调整大小的元素到网格,每 x 和 y 个像素,属性值的格式为 x,y(即两个数值之间使用逗号进行分隔)。详见 http://api.jqueryui.com/resizable/#option-grid
handles   e, s, se String 哪个处理程序被用来resizing(缩放大小),值应该是下列清单中的组合:'n, e, s, w, ne, se, sw, nw, all',每项之间使用逗号分隔,详见 http://api.jqueryui.com/resizable/#option-handles
helper     String 为大小调整时的代理元素指定一个css样式.当调整完成时,这些元素将回到它以前的状态,详见 http://api.jqueryui.com/resizable/#option-helper
maxHeight     Integer 为大小调整设定一个最大高度,详见 http://api.jqueryui.com/resizable/#option-maxHeight
maxWidth     Integer 为大小调整设定一个最大宽度,详见 http://api.jqueryui.com/resizable/#option-maxWidth
minHeight   10 Integer 为大小调整设定一个最小高度,详见 http://api.jqueryui.com/resizable/#option-minHeight
minWidth   10 Integer 为大小调整设定一个最小宽度,详见 http://api.jqueryui.com/resizable/#option-minWidth
onResizeTopics     String 这个事件将在拖动手柄进行调整时触发,详见 http://api.jqueryui.com/resizable/#event-resize
onStartTopics     String 这个事件将在调整操作开始时触发,详见 http://api.jqueryui.com/resizable/#event-start
onStopTopics     String 这个事件将在调整操作结束后触发,详见 http://api.jqueryui.com/resizable/#event-stop

示例代码

example descript...

这里是示例代码块