Comment changer la couleur du parent triable après qu'il a été déplacé

Question

J'essaie de changer la couleur d'un élément de liste triable parente d'une liste pouvant être triée. Je voudrais appliquer un changement de couleur (rouge) après que le parent a été déplacé de la liste grise vers les listes jaunes du bas. Les enfants tirés de la boîte grise ne seront pas affectés. Je veux fondamentalement indiquer quel li a été tiré de la boîte grise supérieure.

J'ai appliqué un toggleClass et css via jquery mais n'ai pas eu de chance. Toute aide serait appréciée.

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

$ (function() { $ ("# sortable1") sortable ({ aide. "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

S'il vous plaît, vérifiez http://jsfiddle.net/JkCua/6/

Je viens d'ajouter:

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

sur l'événement d'arrêt.