[Retro_1477]

Снова всем привет. Возникла проблема с jQuery UI при перемещение элемента в тег, он принимает и фиксируте только ОДИН элемент, когда мне нужно несколько. (я решил избавиться от канваса и сделал элементы обычными дивами). Напомню, что данная фича работает следующим образом http://jqueryui.com/droppable/#revert.

Игровое поле сделано через таблицу.

Вот код программы:

<div id="ships_collection" class="ships-collection" data-hidden="true">
	<div class="ship ship111"></div>
	<div class="ship ship112"></div>
	<div class="ship ship113"></div>
	<div class="ship ship114"></div>
</div>

//Перемещение кораблей
  $( function() {
    $( ".ship" ).draggable({ revert: "invalid" });
 
    $( "td" ).droppable({
      classes: {
        "ui-droppable-active": "ui-state-active",
        "ui-droppable-hover": "ui-state-hover"
      },
      drop: function( event, ui ) {
        $( this )
          .addClass( "ui-state-highlight" )
          $("td").not(this).droppable("disable");
      }
    });
  });

Как сделать чтобы в ячейки таблицы можно было переносить и фиксировать несколько элементов?