¿Cómo hacer que jQuery UI se pueda clasificar con un menú desplegable anidado?

He leído todo lo similar a mi problema publicado aquí, pero no he encontrado ninguna solución.

He creado un menú con entradas de submenú dentro de los menús desplegables. Todas las entradas del menú se pueden ordenar a todos los niveles del menú. Las entradas del menú raíz a las listas secundarias y la otra manera.

Casi todo funciona bien, pero al ordenar el primer menú desplegable se produce un error. No es posible ordenar una entrada de menú antes del primer desplegable ni ordenar dentro del primer desplegable. Al tratar de ordenar dentro del primer desplegable, el código del marcador de posición se genera dentro del desplegable vecino (último) y al detener la clasificación, la entrada también está dentro del último desplegable y no dentro del primero como debería. Ordenar a los otros menús desplegables no tiene este comportamiento. Tal vez alguien tiene una idea al respecto?

Aquí está el js-fiddle:http://jsfiddle.net/dehil/Vy4pu/1/

$('ul').sortable({ //    
    connectWith: $('ul'),
    items: 'li',
    placeholder: 'pf_sortable-placeholder',
    tolerance: 'pointer',
    cursor: 'pointer',
    cursorAt: {
        top: -20
    },
    zIndex: 20000,
    placeholder: 'pf_sortable-placeholder',
})

Respuestas a la pregunta(1)

Su respuesta a la pregunta