sortable no funciona AJAX responseText

[BLAH !!]

Hola a todos:

Obtuve un sortable list a través de un código abierto, el cual modifiqué a requerimiento mío.

Funciona sin problemas, sin embargo, cuando llamo al php a través de AJAX
no funciona.

Código AJAX.js

Código:

function nuevoAjax()
{ 
	var xmlhttp=false; 
	try 
	{ 
		xmlhttp=new ActiveXObject("Msxml2.XMLHTTP"); 
	}
	catch(e)
	{ 
		try
		{ 
			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
		} 
		catch(E) { xmlhttp=false; }
	}
	if (!xmlhttp && typeof XMLHttpRequest!='undefined') { xmlhttp=new XMLHttpRequest(); } 

	return xmlhttp; 
} 

function cargaA(UNO,DOS){
		var DIV= document.getElementById('ordenar');
		var ajax=nuevoAjax();
		ajax.open("GET", "A.php?cambio="+UNO+"&shape="+DOS, true);
		ajax.onreadystatechange=function() 
		{ 
			if (ajax.readyState==1)
			{
				DIV.innerHTML="Cargando ...";	
			}
			if (ajax.readyState==4)
			{
				DIV.innerHTML=ajax.responseText;
			} 
		}
		ajax.send(null);
}

A.php

Código PHP:

 <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
   <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
   <style>
      #sortable{ list-style-type: none; margin: 0; 
         padding: 0; width: 50%; float:left;}
      #sortable .default{ cursor:move; margin: 0 3px 3px 3px; padding: 0.4em; 
         padding-left: 1.5em; font-size: 17px; height: 45px; }
      .default {
         background: #cedc98;
         border: 1px solid #DDDDDD;
         color: #333333;
      }
   </style>
 
<?php 
    require("../../connect.php");
    $cambio = $_GET['cambio'];
    $formas = $_GET['shape'];
 
    $query = "SELECT * FROM table WHERE field='$cambio' ORDER BY posicion ASC";
    $result = mysql_query($query) or die(mysql_error().': '.$query);
    if(mysql_num_rows($result)) {
echo "<div id=\"sortable\">
";
        $i=1;
        while($item = mysql_fetch_assoc($result)) {
        
        echo "<div id=\"".$item['posicion']."\" class=\"default\">Arrastrame $i</div>
            ";
$i++;    
        }
        echo "<div id=\"$i\" class=\"default\">arrastrame $i</div>
              </div>
              <h3><span id=\"listados\"></span></h3>";
    }   
?>
 
   <script>
      $(function() {
        $('#sortable').sortable({
            update: function(event, ui) {
               var productOrder = $(this).sortable('toArray').toString();
               $("#listados").text (productOrder);
            }
         }); 
      });
   </script>  

SE MUESTRA EN :

Código:

... <div id="ordenar"><p>Para continuar,<br>Complete el paso anterior</p></div> ....

Lei algo en la web de $(".sortable").sortable("refresh"); , pero por más que intento implementarlo no me da resultado.

Si alguien me puede orientar en el tema se lo agradecería.
De antemano
Gracias.

[BLAH !!]

después de 3 días intentando encontrar el error, me di cuenta que en la web se hable de un BUG al crear una lista sortable dentro de una list-tabs.

Estoy trabajando en la solución y les comento

[BLAH !!]

Efectivamente, exsite un problema de compatibilidad entre JQUERY-2.1.1 para la creacion de listas con TABS, que impide que el JQUERY-UI 1.10.4 pueda ejecutar su funcion de sortable()

http://stackoverflow.com/questions/2...th-sortable-li

por si alguien tiene el mismo problema. Aún no he encontrado la solución.