Имеется к примеру небольшой набор фильтров в списке с id sortable2. Необходимо реализовать, чтобы при перетаскивании иконки одного из фильтров в список с id sortable1 выполнялось какое-либо действие через ajax. Например, перетащил я <li id="actions_title"> и применился фильтр, то есть как мне отправить на сервер, что мол, вот перетащился такой-то <li>?
П.с. я не прошу писать код, просто помогите с алгоритмом, как правильнее решить задачу. Буду рад любым советам.
Вот код простого перемещения и сортировки фильтров:
<h2>Доступные фильтры</h2>
<ul id="sortable2" class="droptrue">
<li id="actions_title"><img src="images/icon1.png"></li>
<li id="actions_date"><img src="images/icon2.png"></li>
<li id="actions_text"><img src="images/icon3.png"></li>
...
</ul>
<h2>Приемник фильтров</h2>
<ul id="sortable1" class="droptrue">
</ul>
<div id="finish"><!--Вывод результатов--></div>
$(function() {
$("ul.droptrue").sortable({
connectWith: 'ul',
opacity: 0.6,
update : updateBlocks
});
$("#sortable1, #sortable2").disableSelection();
});
function updateBlocks() {
var arr = [];
$("#sortable2 li").each(function(){
arr.push($(this).attr('id'));
});