jquery - 当 Droppable 删除一些错误的孩子时

Question

这是我的例子：http ://www.hyh.clhyc.tw/DropDrag.html

$(document).ready(function(){
    $( ".to_Grab" ).draggable({ 
        helper: 'clone',
        cursor: 'move'
    });
    var $length = 0;

    $(".drop").droppable({
        accept: ".to_Grab",
        drop: function( event, ui ) 
        {
            $(this).append($(ui.draggable).clone(true));
            $length = $(this).children(".to_Grab").length;
            if($length >= 2)
            {
                $(this).droppable( "disable" );
            }
        },
        disabled:false,
    }); 

    $(".delete").click(function(e){ 
        $(this).closest(".to_Grab").remove();
        e.preventDefault(); 
        $(".drop").droppable( "enable" );       //problem
    });
});

---

问题：{限制 DropBox_1 和 DropBox_2 只有两个元素}

如果 DropBox_1 和 DropBox_2 已满
，则我从 DropBox_1 中删除一个元素，然后将一个元素从 DragBox 拖到 DropBox_2，这将超过限制。

如何找出错误_？

Answer 1

当您删除时，不要启用每个 .drop，只启用您想要的：

$(".delete").click(function(e){ 
      var $this = $(this);
      $this.closest(".drop").droppable( "enable" );
      $this.closest(".to_Grab").remove();
      e.preventDefault(); 
  });