jquery-ui - 如何取消 jQuery droppable 的放置操作？

Question

我有一个 jQuery UI droppable，它接受draggables。如果满足某些条件，我不想允许删除操作。

如何取消删除操作并执行类似还原的操作？

Answer 1

accept可放置小部件上的选项:

All draggables that match the selector will be accepted. If a function is specified, the function will be called for each draggable on the page (passed as the first argument to the function), to provide a custom filter. The function should return true if the draggable should be accepted.

与 revert 结合Draggable 上的选项应该可以满足您的需求:

$(".draggable").draggable({
    revert: 'invalid'
});

$("#droppable").droppable({
    accept: function(el) {
        /* This is a filter function, you can perform logic here 
           depending on the element being filtered: */
        return el.hasClass('acceptable');
    }
});

请注意，在这个特定示例中，您还可以编写 accept: ".acceptable"，这将使 droppable 只接受类 acceptable 的元素。因此，另一种选择是当您的自定义事件发生时，只需根据需要应用或删除 acceptable 类。

这是一个示例:http://jsfiddle.net/andrewwhitaker/rUgJF/3/

底部有一个关闭“可接受性”的链接。