JQuery Posição dos elementos no evento ondrag

[Felipe Paz]

E aí gurizada, beleza? É o seguinte, estou tentando pegar a ordem dos elementos dentro da div em todo o evento drag. 

$(".ordem").droppable({
       drop: function () {
             ordem = [];
             var ul = $(this).parent().find("li");
             $(ul).each(function(){
                ordem.push($(this).attr("data-ordem"));
              })
       		  console.log(ordem[0]);
       }
});

Eu tenho uma div, nessa div eu tenho um ul e cada li tem um atributo data-ordem. Basicamente eu preciso que quando o evento dragend aconteça, um array seja populado me informado a nova ordem dos elementos através do atributo data-ordem. 

 

Exemplificando

<!-- Antes de reordenar -->
<li data-ordem="1">Item 1</li>
<li data-ordem="2">Item 2</li>
<li data-ordem="2">Item 2</li>

<!-- Saída do array seria [1,2,3] -->

<!-- Depois de reordenar -->
<li data-ordem="3">Item 3</li>
<li data-ordem="1">Item 1</li>
<li data-ordem="2">Item 2</li>

<!-- Saída do array seria [3,1,2] -->

Mas não é isso que acontece. No meio do each, o push do array se perde e informa uma posição nada a ver com a atual posição dos elementos.

[Felipe Paz]

Resolvido, segue o código. 

$(document).ready(function(){
	var ordem = [];
	$(".sortable-list").sortable({
		connectWith: ".connectList",
		stop: function() {
			var li = $(this).closest(".confirma-content").find("li");
			$(li).each(function(){
				console.log($(this).data("ordem"));
			})
		}
	}).disableSelection();
});