jQuery UI manejable de mesa ordenable

Question

Estoy teniendo algunas dificultades con el manejador de opción sortable.

Cuando uso:

$("table tr").sortable().disableSelection(); 

No hay ningún problema.

Si agrego la opción mango continuación, las paradas se pueden ordenar de trabajo:

$("table tr").sortable({ 
    handle: "td:eq(0)" 
}).disableSelection(); 

Los enlaces:

http://jsfiddle.net/22C2n/

http://jsfiddle.net/22C2n/1/

Puede alguien ayudarme por favor?

Answer 1

Envuelva sus <tr> 's en un <tbody> y cambiar el código para:

$("table tbody").sortable({ 
    handle: 'td:first' 
}).disableSelection(); 

Se especifica el contenedor que contiene los elementos que desea ser clasificable no los elementos reales ...

Answer 2

Try para pasar un elemento: http://jsfiddle.net/22C2n/5/

$("table tr").sortable({ 
    handle: $("td:eq(0)") 
}).disableSelection(); 

Answer 3

Ajuste de la manija para td:eq(0) hace sólo la primera tabla ordenable por célula, el resto de las celdas no lo son. Intente agregar span dentro de td y úselo como el identificador (demo).

HTML

<table> 
    <tr> 
     <td><span>&bull;</span>1A</td> 
     <td>1B</td> 
     <td>1C</td> 
    </tr> 
    ... 
</table> 

Guión

$("table tr").sortable({ 
    handle: "span" 
}).disableSelection();