Appendix R. Re-Sizables

Method

Description

Return Value

Dialog Methods

resizable(options)

Makes the selected elements into re-sizable elements (see "Re-Sizable Options").

jQuery

resizable('disable')

Temporarily disables re-sizable functionality.

jQuery

resizable('enable')

Enables re-sizable functionality.

jQuery

resizable('destroy')

Completely removes re-sizable functionality.

jQuery

Re-Sizable Options

Option

Description

Type

animate

Animates to the final size after re-sizing. The default is false.

Boolean

animateDuration

Duration time for animating. Accepts the time in milliseconds (ms), or one of "slow", "normal", or "fast". The default is "slow".

slow, normal, fast, or Integer

animateEasing

Easing effect for animation. The default is "swing".

String

alsoResize

Re-sizes these elements synchronously when resizing. The default is false.

Selector, Boolean

aspectRatio

When set to true, re-sizing is constrained by the original aspect ratio. If an alternate ratio is desired, you can submit a number and then the aspect ratio will be constrained by height\width. The default is false.

Boolean, number

autoHide

When set to true, automatically hides the handles except when the mouse hovers over the element. The default is false.

Boolean

cancel

Prevents re-sizing if you start on elements matching the selector. The default is ":input".

Selector

containment

Constrains re-sizing to within the bounds of the specified element. This can be a DOM element, 'parent', 'document', or a selector. The default is false.

Element, selector,

delay

Get Beginning JavaScript® and CSS Development with jQuery now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.