小编use*_*966的帖子

JQuery-UI可拖动重置到原始位置

这可能很容易做到,但我总觉得太复杂了.

我刚用#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)

jquery-ui droppable draggable

13
推荐指数
3
解决办法
2万
查看次数

标签 统计

draggable ×1

droppable ×1

jquery-ui ×1