jQuery UI Сортируемый для всего div

0

У меня внутри div-изображения и текста, и я хочу отсортировать весь div только путем перетаскивания изображения, а не текста.

<div id="sortable" class="row">
<div >
  <img id="sortable" src="images/arrow.png" style="cursor: move;"  /> 
  <strong>Item 1</strong> 
</div>
<div>
  <img id="sortable" src="images/arrow.png" style="cursor: move;"/> 
  <strong>Item 2</strong> 
 </div>
<div >
  <img id="sortable" src="images/arrow.png" style="cursor: move;"  /> 
  <strong>Item 3</strong> 
</div>
<div>
  <img id="sortable" src="images/arrow.png" style="cursor: move;"/> 
  <strong>Item 4</strong> 
</div>
</div>

jQuery:

$("#sortable").sortable({
cancel: ".fixed"
});
$("#sortable").disableSelection();

Демо: http://jsfiddle.net/kT4PV/4/

  • 0
    создать таблицу с двумя столбцами. Сделайте перетаскиваемый img, а затем создайте прослушиватель jQuery для изменений событий перетаскиваемых объектов.
  • 0
    Ваш HTML неверен. У вас есть несколько идентификаторов с одинаковым именем.
Показать ещё 1 комментарий

2 ответа

1

fixed класс никогда не присутствовал в вашей скрипке:

обновленный скрипт

1

в вашем примере добавьте класс, закрепленный на сильном

<strong class="fixed">Item 1</strong> 

Ещё вопросы

Сообщество Overcoder
Наверх
Меню