Question

我正在尝试将产品放入cateogories，例如

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

使用jQuery sortable还是droppable将项目分类？

1 个答案: