AddClass не добавляет класс для перемещения второго div'а, в чем ошибка?

Question

[Роман Романов]

AddClass не добавляет класс для перемещения второго div'а, в чем ошибка?

<script>
	$(function() {
    $( "#draggable" ).draggable();
    $( "#droppable" ).droppable({
      drop: function( event, ui ) {
        $( this )
          .addClass("ui-state-highlight two");	  
	  }
    });
  });
	</script>

<div  id="draggable" class="ui-state-highlight">
		<img src="img/1.jpg" width="140px" height="140px" > Какое то описание
	</div>
	<div  id="draggable" class="two">
		<img src="img/1.jpg" width="140px" height="140px" > Какое то описание
	</div>

Answer 1

[Kostya Gorozhanov]

plnkr.co/edit/boMpTgFgLxM5DSZCCmOJ?p=preview
У вас два id draggable, а в js ищете droppable

Comments

[Роман Романов]

изменил на droppable, все равно не перемещается div. Мб нужно все что для droppable переписать для draggable?

[Роман Романов]

что то я не понимаю

[Kostya Gorozhanov]

напиши что должно получиться

[Роман Романов]

два и более дивов свободно должны перемещаться, (по идее желательно, чтобы перетаскиваемый див ловился в другом диве, и вставал на нужную строку, сохраняя порядок)

Answer 2

[seriogja]

Добрый день!
Может вам нужно вот это?

Comments

[Роман Романов]

тоже это нашел, но спасибо)