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 1 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

23
demos/draggable/revert.html
View File

@ -7,16 +7,35 @@
<script src="../../jquery-1.7.1.js"></script> <script src="../../jquery-1.7.1.js"></script>
<script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.core.js"></script>
<script src="../../ui/jquery.ui.widget.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> <script src="../../ui/jquery.ui.draggable.js"></script>
<link rel="stylesheet" href="../demos.css"> <link rel="stylesheet" href="../demos.css">
<style> <style>
#draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 0 10px 10px 0; } #draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
</style> </style>
<script> <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() { $(function() {
$( "#draggable" ).draggable({ revert: true }); $( "#draggable" ).draggable({ revert: true });
$( "#draggable2" ).draggable({ revert: true, helper: "clone" }); $( "#draggable2" ).draggable({ revert: true, helper: true });
}); });
</script> </script>
</head> </head>