Проблема с draggable и sortable
Здравствуйте!
Имеется следующий js код (jQuery): $(document).ready(function() { $("#draggable li").draggable ({ helper: "clone", connectToSortable: "#sortable", start: function (e, ui) { $(ui.helper).load("scheme.tpl #1"); } }); $("#sortable").sortable ({ connectWith: "#draggable", update: function(e, ui) { $(ui.item).load("scheme.tpl #1"); } }); }); Суть данного кода заключается в следующем: Перемещаем элемент из списка #draggable в список #sortable. В момент перемещения он заменяется на другой код из файла scheme.tpl с помощью ajax. В момент сброса в списке он также снова заменяется на тот же код из файла scheme.tpl. В общем, проблема в следующем: При сортировке элементов в списке #sosrtable (в том числе пересённых из #draggable) они также заменяются на код из файла scheme.tpl. Как сделать, что бы этого не происходило? То есть при переносе из #draggable элемент заменяется, а при сортировке в #sortable этого происходить не должно. Заранее спасибо! :-? HTML: <ul id="sortable"> <li>Заголовок</li> </ul><br><br> <ul id="draggable"> <li id="1">Div 1</li> <li id="2">Div 2</li> <li id="3">Пункт 3</li> <li id="4">Пункт 4</li> <li id="5">Пункт 5</li> |
С проблемой сам разобрался!
|
Часовой пояс GMT +3, время: 05:07. |