jquery - 使用jQuery可排序或可拖放将项目归类？

我正在尝试将产品放入类别中，例如

<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) {
             ?????
        }
    });
});

我可以做这个工作还是应该使用拖放功能？

最佳答案

你好
这是最好的示例，但它可以工作：

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(','));
    }
});

关于jquery - 使用jQuery可排序或可拖放将项目归类？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/1539992/