преобразование Javascript, от прототипа к JQuery

Question

Я хотел бы обновить следующий яваскрипта код, основанный на Prototype рамках в JQuery рамки:

Event.observe(window, 'load', function() { 
    $$('.piece').each(function(item) { 
    new Draggable(item, { revert: true }); 
    }); 

    $$('.cell').each(function(item) { 
    Droppables.add(item, { 
     accept: 'piece', 
     onDrop: function(piece, cell) { 
     cell.descendants().each(function(item) { item.remove(); }); 

     piece.remove(); 
     piece.setStyle({ 'top': null, 'left': null }); 
     new Draggable(piece, { revert: true }); 
     cell.appendChild(piece); 
     } 
    }); 
    }); 
}); 

Первая часть сценария легко конвертировать:

$(function() { 
    $('.piece').draggable(
    { 
     evert: true 
    } 
); 

    $('.cell').droppable(
    { 
     /* But here, it's more difficult. Right? ;) 
     ... */ 
    } 
    }); 
}); 

У вас есть идея? Любая часть кода приветствуется. Большое спасибо.

Answer 1

Вот что у меня есть:

jQuery(document).ready(function(){ 
    $('.piece').draggable({ 
     revert: true 
     , scope: 'piece_and_cell' 
    }); 

    $('.cell').droppable({ 
     drop: function(event, ui) { 
      var cell = $(this); 
      cell.empty(); 
      var piece = ui.draggable.detach() 
      piece.css({top:null, left: null}).appendTo(cell); 
      piece.draggable({ 
       revert: true 
       , scope: 'piece_and_cell' 
      }) 
     } 
     , scope: 'piece_and_cell' 
    }); 
});