Poręczny uchwyt stołu jQuery UI

Question

Mam pewne problemy z uchwytem opcji do sortowania.

Gdy używam:

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

Nie ma problemu.

Jeśli dodać opcję uchwyt następnie sortowane przez przestaje działać:

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

powiązań:

http://jsfiddle.net/22C2n/

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

Czy ktoś może mi pomóc proszę?

Answer 1

owinąć <tr> „s w <tbody> i zmienić swój kod do:

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

określić kontener zawierający elementy, które mają być sortable nie rzeczywiste elementy ...

Answer 2

Try zdać element: http://jsfiddle.net/22C2n/5/

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

Answer 3

Ustawienie uchwytu td:eq(0) sprawia tylko pierwszą tabelę komórki można sortować, a pozostałe komórki nie. Spróbuj dodać span wewnątrz td i użyć go jako uchwytu (demo).

HTML

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

Script

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