С помощью jQuery можно сортировать или сортировать предметы по категориям?

Question

Я пытаюсь поместить продукты в категории, например

<ul id="Category1"></ul>
<ul id="Category2"></ul>

<ul id="Available">
 <li id="prod1">Product1</li>
 <li id="prod2">Product2</li>
</ul>

Я хочу добавить доступные продукты в категорию, а когда их отпустят, опубликовать обновление через ajax. Неважно, что публикуется, будь то обновленная категория или все категории.

$(document).ready(function() {
    $("tr:even").css("background", "#f7f7f7");
    $("ul.drop").sortable({
        connectWith: 'ul',
        tolerance: 'pointer',
        stop: function(ev, ui) {
             ?????
        }
    });
});

Могу ли я сделать эту работу или я должен использовать перетаскивание?

Answer 1

Привет Это лучший пример, но он работает:

http://jsfiddle.net/marcosfromero/xpmAt/

$("ul.basket").sortable({
    connectWith: 'ul.basket',
    tolerance: 'pointer',
    stop: function(event, ui) {
        // Get all Category1 and Category2 selected products and
        // populate matching fields
        jQuery('#selected1').val(jQuery('#Category1 li').map(function() {return this.id;}).get().join(','));
        jQuery('#selected2').val(jQuery('#Category2 li').map(function() {return this.id;}).get().join(','));
    }
});