如何阻止jquery ui draggable / droppable元素堆叠?

时间:2012-08-10 19:12:40

标签: javascript jquery html jquery-ui

我在这里有一个例子:http://jsfiddle.net/BAk9N/4/

我希望如此“测试”元素无法叠加在一起。

元素应该只返回它来自的位置,或者鼠标应该无法移动到另一个测试元素的顶部。

我一直试图解决这个问题,但我无法找到解决方案。

有人有想法吗?

感谢。

1 个答案:

答案 0 :(得分:1)

在您接受的droppable accept中添加条件函数:

   `$( ".draggable-snap" ).droppable({
    accept: function(){
                /* Insert code here */ 
    },...`

例如,要测试此刻是否有任何菜单被捕捉。

查看此帮助: http://davidwalsh.name/mootools-drag-drop-lock