From c1447173c659c78e036b5c4c6bc91de26e84a13b Mon Sep 17 00:00:00 2001 From: Maggie Costello Wachs Date: Thu, 15 Jan 2009 21:57:33 +0000 Subject: completed reorganization of draggable demos --- demos/draggable/constrain-movement.html | 34 +++++++++++++++++++++++++++------ 1 file changed, 28 insertions(+), 6 deletions(-) (limited to 'demos/draggable/constrain-movement.html') diff --git a/demos/draggable/constrain-movement.html b/demos/draggable/constrain-movement.html index fbfea8009..997c50af2 100644 --- a/demos/draggable/constrain-movement.html +++ b/demos/draggable/constrain-movement.html @@ -1,43 +1,65 @@ - jQuery UI Draggable - Axis Demo + jQuery UI Draggable - Constrain movement
+ +

Constrain movement along an axis:

-
+

I can be dragged only vertically

-
+

I can be dragged only horizontally

- +

or to within another DOM element:

+
+
+

I'm contained within the box

+
+ +
+

I'm contained within the box's parent

+
+ +
+

I'm contained within my parent

+
+

-Define the boundaries of the draggable area. Set the axis option to limit the draggable's path to the x- or y-axis. Or use the containment option to specify a parent DOM element or a jQuery selector, like 'document.' +Constrain the movement of each draggable by defining the boundaries of the draggable area. Set the axis option to limit the draggable's path to the x- or y-axis, or use the containment option to specify a parent DOM element or a jQuery selector, like 'document.'

-- cgit v1.2.3