Показать сообщение отдельно
  #1 (permalink)  
Старый 03.08.2011, 18:05
Новичок на форуме
Отправить личное сообщение для irixxxxx Посмотреть профиль Найти все сообщения от irixxxxx
 
Регистрация: 31.07.2011
Сообщений: 4

Проблема с 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>
Ответить с цитированием