如何在放入容器后冻结元素？

Question

我有一些draggable的元素。

您可以查看here

我希望在放入特定容器后冻结这些元素。 你可以说我必须将一个元素放入一个块中，它不能被删除到其他块。

Answer 1

我认为你正在寻找这个：

$(ui.draggable).draggable({ disabled: true });

它会停用draggable

上的handleDropEvent元素

function handleDropEvent (event, ui) {
   $(ui.draggable).draggable({ disabled: true });
}

文档可用here

工作DEMO

Answer 2

我对javascript并不擅长，但*http://jsfiddle.net/QqJRs/*的这个小提琴可能会有所帮助。

我没有调查过，但有些事件会在红色框被删除后将其更改为绿色，工作结束后我相信你会得到你的答案

祝你好运