如何在特定容器中放下后冻结元素？

Question

我有一些可拖动的元素。

您可以查看here

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

function handleDropEvent (event, ui) {
if ($(this).hasClass('occupied')) {
    ui.draggable.draggable('option', 'revert', true);
    return false;
}
$(this).append(ui.draggable);
ui.draggable.position({of: $(this), my: 'left top', at: 'left top'});
ui.draggable.css('z-index', 0);
setTimeout(validateDropzones, 0);
}

Answer 1

在您的放置处理程序中调用ui.draggable('destroy')：http://jsfiddle.net/SRPm2/41/

function handleDropEvent (event, ui) {
  // ...
  ui.draggable.draggable('destroy');
}