Hola tengo el siguiente problema me he descargado un ejemplo de jquery ui sortable , el objetivo es que cuando se mueva un li(id=12) a un tab capturar la clase(que esta capturada) y el id del li espero su ayuda
<script type="text/javascript">
$(function() {
$("#sortable1, #sortable2,#sortable3,#sortable4,#sortable5").sort able().disableSelection();
var $tabs = $("#tabs").tabs();
var $tab_items = $("ul:first li",$tabs).droppable({
accept: ".connectedSortable li",
hoverClass: "ui-state-hover",
drop: function(ev, ui) {
var $item = $(this);
/*var $letra =$($item.find('div')).attr('id');*/
var $list = $($item.find('a').attr('href')).find('.connectedSo rtable');
var $lista=$($item.find('a')).attr('href');
ui.draggable.hide('slow', function() {
$tabs.tabs('select', $tab_items.index($item));
$(this).appendTo($list).show('slow');
<!--$('#info').load("ejemplo.php?caso="+lista+"&atenci on="+letra);-->
<!--$('#info').load("ejemplo.php",{caso:$lista,atencio n:$letra});-->
$('#info').load("ejemplo.php",{caso:$lista});
});
}
});
});
</script>
body
<div id="tabs">
<ul>
<li><a href="#tabs-1">HELPDESK GENERAL</a></li>
<li><a href="#tabs-2">R.INGA</a></li>
<li><a href="#tabs-3">J.RAVINES</a></li>
<li><a href="#tabs-4">VHUAMANI</a></li>
<li><a href="#tabs-5">RCANCHIS</a></li>
</ul>
<div id="tabs-1">
<ul id="sortable1" class="connectedSortable ui-helper-reset">
<li class="ui-state-default" id="11"><img src="images/personal.png" /> uno<div id="mensaje"><a href="#" title="Click detalle" >Maquina No Enciende</a></div></li>
<li class="ui-state-default" id="12"><img src="images/personal2.png" /> dos<div id="mensaje"><a href="#" title="Click detalle" >No Imprime laser contabilidad</a></div></li>
<li class="ui-state-default" id="13"><img src="images/personal.png" /> tres<div id="mensaje"><a href="#" title="Click detalle">Maquina Demasiado Lenta</a></div></li>
<li class="ui-state-default" id="14"><img src="images/personal2.png" /> cuatro<div id="mensaje"><a href="#" title="Click detalle" >Spring no responde</a></div></li>
<li class="ui-state-default" id="15"><img src="images/personal2.png" /> cinco<div id="mensaje"><a href="#" title="Click detalle">no hay Internet</a></div></li>
</ul>
</div>
</div>