jQuery複数のランダムドロップイベントの後に関数をトリガする方法は？

Question

私は、ページを印刷する（ユーザーがドラッグまたはドロップする前に）ページを印刷するドラッグアンドドロッププロジェクトと、ロード時にJavaScriptを使用して無効にしたプロジェクトを持っています。すべてのドラッグブルを落とした後、どのように2番目のボタンをアクティブにするのですか？

$(document).ready(function() { 
    $(".ui-widget-content").draggable({ revert: 'invalid', cursor: 'move', snapTolerance: '0px' }), 
    $("#dropcrown").droppable({ accept: '#crown'}); 
    $("#dropneck").droppable({ accept: '#neck' }); 
    $("#dropback").droppable({ accept: '#back' }); 
    $("#droptail").droppable({ accept: '#tail' }); 
    $("#dropwing").droppable({ accept: '#wing' }); 
    $("#dropeye").droppable({ accept: '#eye' }); 
    $("#dropbeak").droppable({ accept: '#beak' }); 
    $("#dropcheek").droppable({ accept: '#cheek' }); 
    $("#dropbreast").droppable({ accept: '#breast' }); 
    $("#dropbelly").droppable({ accept: '#belly' }); 
    $("#dropfoot").droppable({ accept: '#foot' }); 
    $('#button2', this).attr('disabled', 'disabled'); 
    $('#button2', this).addClass("ui-state-disabled"); 
       }); 


      $(document).ready(function() { 
     $("#dropcrown, #dropneck ,#dropback, #droptail, #dropwing, #dropeye, #dropbeak, #dropcheek, #dropbreast, #dropbelly, #dropfoot").droppable({tolerance:'touch', 
      drop: function(event, ui) { 
       $(this) 
        .addClass("ui-state-highlight"); 
         var dropped = ui.draggable; 
      var droppedOn = $(this); 
      $(dropped).detach().css({top: 15,left: 7}).appendTo(droppedOn); 
      $('#button', this).attr('disabled', 'disabled'); 
      $('#button', this).addClass("ui-state-disabled"); 

      } 
     }); 
    }); 
    $(document).ready(function() { 
     if($('#labels').html() == ""){ 
      $('#button2', this).removeAttr('disabled', 'disabled'); 
      $('#button2', this).removeClass("ui-state-disabled"); 
    //do something 
} 
    }); 

Answer 1

のjQuery UI Droppableはdrop eventを持っています。それを垂れ下がった物にぶつけて、あなたがイベントを見るときに、あなたがそれらを取り除いているコンテナを見ます。それは空ですか？トリガするコードをトリガします（たとえば、ボタンを有効にするなど）。