From 303f20e1b3c977d75047bed1a3533a180d73fab5 Mon Sep 17 00:00:00 2001 From: Scott González Date: Mon, 10 Sep 2012 11:33:46 -0400 Subject: Demos: Cleanup. --- demos/draggable/constrain-movement.html | 33 +++++++++++---------------------- 1 file changed, 11 insertions(+), 22 deletions(-) (limited to 'demos/draggable/constrain-movement.html') diff --git a/demos/draggable/constrain-movement.html b/demos/draggable/constrain-movement.html index 4e7c9f685..aa1d97508 100644 --- a/demos/draggable/constrain-movement.html +++ b/demos/draggable/constrain-movement.html @@ -1,4 +1,4 @@ - + @@ -16,6 +16,7 @@ #draggable { cursor: n-resize; } #draggable2 { cursor: e-resize; } #containment-wrapper { width: 95%; height:150px; border:2px solid #ccc; padding: 10px; } + h3 { clear: left; } -

Constrain movement along an axis:

I can be dragged only vertically

@@ -42,28 +40,19 @@

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 the box

I'm contained within my parent

- - - -

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