Question

是否可以限制可投放区域。

我希望我的拖车能够恢复，如果它不完全在拖拉机中。这是小提琴。 http://jsfiddle.net/jWNkh/22/ 如果不在drag1 div中，我希望draggable能够恢复。

jquery的：

    $("#drag").draggable({
             revert:'invalid',
             cursor:'move',
             appendTo: 'body',
             containment    : 'document',

             helper     : 'clone'
        });
        $("#drop").droppable({         
            accept:'#drag',
            drop:  dropFunction,                              

            });

我如何限制区域？任何帮助。

感谢。

Answer 1

您可以在droppable选项上设置accept属性，以及tolerance属性（在tolerance property here)上阅读更多内容。tolerance属性定义元素是否具有在droppable div中只有50％，或者如果它必须完全在内部。如果你想让它只接受它，如果它完全在里面，你将tolerance设置为fit。

显示在this fiddle (an updated version of yours)

中

$('#drop').droppable({ accept: "#drag", tolerance: "fit"});

Answer 2

如果你想拖入drop1，只需在drop1 div中设置droppable

$('#drop1').droppable({

});

如何限制jquery拖放中的droppable？

2 个答案: