Neden devre dışı bırakabilirim, ancak bırakılabilir bir işlevi etkinleştiremiyorum?

Question

Tek bir damla alanında sadece 1 bloğa ihtiyacım var ve gerekirse değiştir. Neden devre dışı bırakabilirim, ancak bırakılabilir bir işlevi etkinleştiremiyorum?

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

$('.free').droppable({   
    accept: ".my_block", 
    drop: function(ev, ui) {    
     $(this).removeClass("free");  
     $(this).addClass("1");     
     ui.draggable.appendTo($(this)).removeAttr('style'); 
      $(this).droppable("disable");    
     }, 
     out: function(ev, ui) {      
      $(this).droppable("enable");  
      $(this).removeClass("1");  
      $(this).addClass("free");    
     },   
    }); 

jsfiddle http://jsfiddle.net/4ABCN/2/:

• $(this).droppable("option", "disabled", false); - -
• Enable a droppable after it has being disable çalışmıyor -
• $(this).droppable("enable"); çalışmıyor İşte

çalışmıyor benim kodudur

Ve tüm kırmızı blokları tek tuşla ana konumlara nasıl geri döndürebilirim?

Answer 1

demoSilinen eski demo

Yeni Demo bu deneyin Çalışma: http://jsfiddle.net/7EbKS/

Davranışı: Kullanıcı Boş pozisyonda başka bir damla izin verilen kırmızı kutu hamle Şimdi zaman,

Umut bu uyuyor :)

Kod Yani hedefliyor hangi davranış

$(function() { 
    foo(); 

    $('.my_block').draggable({ 
     revert: "invalid", 
     stop: function() { 
      $(this).draggable('option', 'revert', 'invalid'); 
     } 

    }); 

    function foo() { 
     $('.block').droppable({ 
      greedy: true, 
      accept: ".my_block", 
      // tolerance: "fit", 
      drop: function(ev, ui) { 
       ui.draggable.appendTo($(this)).removeAttr('style'); 
      } 
     }); 
    } 
    $('.my_block').droppable({ 
     greedy: true, 
     tolerance: 'touch', 
     drop: function(event, ui) { 
      ui.draggable.draggable('option', 'revert', true); 
     } 
    }); 

});