如何在jquery拖放中限制droppable？

Question

是否有可能限制可滴落的区域。

我希望我的拖拽回来，如果它不是完全在拖拽。这就是小提琴。如果不在drag1目录中，我想让可拖拽的东西恢复原状。

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属性定义了元素是必须只有50%位于droppable div内部，还是必须完全位于其中。如果您想让它只接受完全在内部的内容，可以将tolerance设置为fit。

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

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

Answer 2

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

$('#drop1').droppable({

});