如何在拖动后更改父类型的颜色

Question

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

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

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

$（function（）{     $（ “＃sortable1”）。排序（{         帮手：“克隆”，         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');

停止事件。