这可能很容易做到,但我总觉得太复杂了.
我刚用#draggable /#droppable建立了一个简单的测试,其宽度/高度固定+ float:left.
然后,我想要一个重置按钮,以便在#draggable被捕捉到#droppable后将其重置为原始状态.(底线)
$(document).ready(function() {
$("#draggable").draggable
({
revert: 'invalid',
snap: '#droppable',
snapMode: 'corner',
snapTolerance: '22'
});
});
$("#droppable").droppable
({
accept: '#draggable',
drop: function(event, ui)
{
$(this).find("#draggable").html();
}
});
$(".reset").click(function() {
/* What do I put here to reset the #draggable to it's original position before the snap */
});
Run Code Online (Sandbox Code Playgroud)