拖放项目受限

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/