jquery-ui - ejemplos - sortable jquery

Jquery ui-sortable: arrastre por el icono ''handle'' dentro del elemento sortable

Question

Tengo jquery ui sortables funcionando bien pero mis elementos ordenables tienen otros elementos interactivos dentro de ellos. Para evitar la clasificación accidental cuando interactúo con los elementos dentro de los divs ordenables, me gustaría de alguna manera hacer que el movimiento de arrastre para los ordenables solo ocurra al arrastrar un cierto elemento dentro del ordenable, como un ícono de "mover" que podría residir en la esquina superior izquierda de cada ordenable. ¿Es esto posible con jqui genérico, o tendría que escribir mi propio gancho?

Answer 1

El handle de opción del complemento le permite definir que ese es el elemento que puede iniciar el ordenamiento. Puede proporcionar un selector o un elemento.

Si tiene este html, con .handler como manejador para comenzar el ordenamiento:

<ul class="sortable">
    <li>
        <span class="handle"></span>
        My element
    </li>
</ul>

Aplica la opción de esta manera:

$( ".sortable" ).sortable({ handle: ''.handle'' });

Puede diseñar su elemento de control como lo desee.