如何更改母體排序後的顏色被拖動

Question

我試圖從可排序列表中更改父排序列表項的顏色。我想在將父項從灰色列表拖動到底部黃色列表之後應用顏色更改（紅色）。從頂部灰色框中拖出的兒童李將保持不受影響。我基本上想要指出哪個li已經從頂部灰色框中被拖動。

我通過jquery應用了toggleClass和css，但沒有運氣。任何幫助，將不勝感激。

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

$（函數（）{ $（ 「＃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'); 

停止事件。