Проблема с 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, время: 18:09. |