Добрый день!
Допустим, есть следующая разметка:
<div id="someId"
<ul id="someList">
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ul>
</div>
Ширина родительского дива намного больше ширины списка (реальность этого значения особого значения не имеет). Главное, что справа от списка осталось место для перетаскивания элементов <li>
. Использую плагин jQuery.draggable()
.
$(function(){
$(#someList li).draggable();
});
Всё работает. Но для меня принципиально сохранить поведение аналогичного плагина jQuery.sortable()
. Именно не сортировку, а именно поведение элементов. Если не понятно - при применении этого плагина сортируемые элементы занимают новое положение строго до или после (слева-справа) следующего элемента (в зависимости где закончилось перетаскивание элемента), то есть элементы не накладываются.
Никто не подскажет как реализовать подобное поведение для плагина draggable()
? чтобы элементы не накладывались друг на друга, а занимали место рядом с элементом, через которого ведётся перетаскивание. Как определить, что перетаскиваемый элемент находится в данный момент над другим элементом?
PS я использовал containment
. Все нужные элементы перемещаются в одной области, как надо, не выходят за границы родительского элемента. Всё работает!только элементы накладываются друг на друга. Мне надо как раз отменить это наложение. То есть добавить к draggable поведение sortable при наложении элементов. Я подозреваю, что это делается через ui.position.left
и автоматическое обновления сведений о положении элементов по завершению перетаскивания. Понимаю, что положение перетаскиваемого элемента должно сравниваться с положением уже статичных элементов, если перекрытие - двигаем элемент. Но реализовать как-то не получается.
sortable
?draggable
предназначен для свободного перемещения элементов без взаимодействия с другими элементамиsortable
мне как раз не хватает именно свободного перемещения элементов....в общем, немного хочу объединить.