library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2025-01-07 20:34:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Draggable demo: Implemented revert option in revert demo.

Browse Source
This commit is contained in:
Scott González 2012-01-28 10:57:36 -05:00
parent 2eb9b841a3
commit d22a5281aa
1 changed files with 22 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
demos/draggable/revert.html
View File

@ -7,23 +7,42 @@
<script src="../../jquery-1.7.1.js"></script>
<script src="../../ui/jquery.ui.core.js"></script>
<script src="../../ui/jquery.ui.widget.js"></script>
<script src="../../ui/jquery.ui.mouse.js"></script>
<script src="../../ui/jquery.ui.interaction.js"></script>
<script src="../../ui/jquery.ui.draggable.js"></script>
<link rel="stylesheet" href="../demos.css">
<style>
#draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
</style>
<script>
$.ui.draggable.prototype.options.revert = false;
$( document ).bind( "dragstop", function( event, ui ) {
var elem,
helper = ui.helper,
draggable = $( event.target ).data( "draggable" );
if ( !draggable || !draggable.options.revert ) {
return;
}
elem = helper || draggable.element;
(helper || draggable.element).animate( ui.originalPosition, function() {
if ( helper ) {
helper.remove();
}
});
event.preventDefault();
});
$(function() {
$( "#draggable" ).draggable({ revert: true });
$( "#draggable2" ).draggable({ revert: true, helper: "clone" });
$( "#draggable2" ).draggable({ revert: true, helper: true });
});
</script>
</head>
<body>
<div class="demo">
<div id="draggable" class="ui-widget-content">
<p>Revert the original</p>
</div>