Tengo el siguiente código que funciona, aunque funciona bastante lento, creo. Lo que quiero hacer es permitir que <li>
's se mueva libremente bajo los <ul>
's existentes o subirlos un nivel. También quiero poder crear jerarquías así que si arrastraste un <li>
debajo de otro <li>
que crearía una jerarquía. Creo que en ese sentido tendría que renderizar <ul>
debajo de cada <li>
por si acaso. Solo quiero limitarlo a 2 o 3 niveles de profundidad.jQuery anidado ordenable - Mover los elementos LI dentro de todos los UL disponibles
$("#sort_list").sortable({
containment: 'parent',
axis: 'y',
revert: true,
opacity: 0.8
});
$(".sub_list").sortable({
containment: 'parent',
axis: 'y',
revert: true,
opacity: 0.8,
});
$("#sort_list").disableSelection();
<ul id="sort_list">
<li>one</li>
<li>two
<ul class="sub_list">
<li>sub one</li>
<li>sub two</li>
</ul>
</li>
<li>three</li>
<li>four</li>
</ul>
Es un poco tarde pero creo que esto podría ser! Buen hallazgo! – Jon
Éste ya no se mantiene – Tom
@Tom Parece que alguien más se hizo cargo del desarrollo. – gorn