拖放项目有限

Question

是否可以限制拖动项目？例如;每箱只有3件物品掉落。

我的Javascript代码：

$("#DraggItems  .draggable-item").draggable({ helper: "clone", cursor: "drop-hover"});

$("#DraggItems").droppable({
     drop:function(event, ui) {
            hoverClass: "drop-hover",
            ui.draggable.detach().appendTo($(this));

     } 
});    

$("div.draggable-list").droppable({
     drop:function(event, ui) {
            hoverClass: "drop-hover",
            ui.draggable.detach().appendTo($(this));

     } 
});

Answer 1

是的，可以对拖动项目设置限制。

 if($this.find('.drag').length >= 3){               
    ui.draggable.draggable('option','revert',true);
    return;
 }

请参阅此小提琴：http://jsfiddle.net/qqqm6/568/