jquery-ui - 拖动后如何更改父排序的颜色

Question

我正在尝试从可排序列表中更改父可排序列表项的颜色。在将父级从灰色列表拖到底部黄色列表后，我想应用颜色更改（红色）。从顶部灰色框中拖出的孩子 li 将不受影响。我基本上想指出从顶部的灰色框中拖动了哪个 li 。

我通过 jquery 应用了一个 toggleClass 和 css，但没有运气。任何帮助，将不胜感激。

http://jsfiddle.net/equiroga/JkCua/1/

$(function () { $("#sortable1").sortable({ helper: "clone", connectWith: ".sortable",

    start: function (event, ui) {
        $(ui.item).show();
        clone = $(ui.item).clone();
        before = $(ui.item).prev();
        position = $(ui.item).index();
    },
    beforeStop: function (event, ui) {
        if ($(ui.item).closest('ul#sortable1').length > 0) $(this).sortable('cancel');
    },
    stop: function (event, ui) {
        if (position == 0) $("#sortable1").prepend(clone);
        else before.after(clone);
    }
});

$(".sortable").sortable({connectWith: ".sortable:not('#sortable1')"});

});

Answer 1

请检查http://jsfiddle.net/JkCua/6/

我只是补充：

        $("#sortable1>li").eq(position).css('background','red');

关于停止事件。