library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Draggable demo: Fixed containment option.

Browse Source
This commit is contained in:
Scott González 2012-01-22 14:55:09 -05:00
parent 509a3a673c
commit 91bf052d81
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
demos/draggable/constrain-movement.html
View File

@ -71,8 +71,8 @@
bottom = top + container.height(); bottom = top + container.height();
function drag( event, ui ) { function drag( event, ui ) {
var leftDiff = ui.startOffset.left + ui.startPosition.left, var leftDiff = ui.startOffset.left - ui.startPosition.left,
topDiff = ui.startOffset.top + ui.startPosition.top; topDiff = ui.startOffset.top - ui.startPosition.top;
ui.position.left = Math.max( ui.position.left, left - leftDiff ); ui.position.left = Math.max( ui.position.left, left - leftDiff );
ui.position.left = Math.min( ui.position.left, ui.position.left = Math.min( ui.position.left,
@ -87,7 +87,7 @@
.bind( "drag", drag ) .bind( "drag", drag )
.one( "dragstop", function() { .one( "dragstop", function() {
draggable.element.unbind( "drag", drag ); draggable.element.unbind( "drag", drag );
}); });
}); });
$(function() { $(function() {
@ -105,7 +105,7 @@
<div class="demo"> <div class="demo">
<h3 class="docs">Constrain movement along an axis:</h3> <h3 class="docs">Constrain movement along an axis:</h3>
<div id="draggable" class="draggable ui-widget-content"> <div id="draggable" class="draggable ui-widget-content">
<p>I can be dragged only vertically</p> <p>I can be dragged only vertically</p>
</div> </div>