Здравствуйте!
Имеется следующий 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>