javascript - 放入特定容器后如何冻结元素？

Question

我有一些可拖动的元素。

你可以在这里查看

我想在放入特定容器后冻结这些元素。您可以说我必须将一个元素放入一个块中，而不能将其放入其他块中。

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');
}