jQuery यूआई सॉर्ट करने योग्य टेबल हैंडल

Question

मुझे सॉर्ट करने योग्य विकल्प हैंडल के साथ कुछ difficults हैं।

जब मैं का उपयोग करें:

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

वहाँ कोई समस्या नहीं है।

मैं संभाल विकल्प तो sortable बंद हो जाता है काम कर जोड़ते हैं:

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

लिंक:

http://jsfiddle.net/22C2n/

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

किसी को भी मेरी मदद कर सकते हैं?

Answer 1

एक <tbody> में लपेटें अपने <tr> की और करने के लिए अपने कोड बदलने के लिए:

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

आप कंटेनर है कि तत्वों आप नहीं वास्तविक तत्व sortable हो करना चाहते हैं निर्दिष्ट ...

Answer 2

कोशिश एक तत्व पारित करने के लिए: http://jsfiddle.net/22C2n/5/

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

Answer 3

td:eq(0) को संभाल स्थापना केवल पहली तालिका बनाता है सेल क्रमबद्ध, सभी शेष कोशिकाएं नहीं हैं। td के अंदर span जोड़ने का प्रयास करें और इसे हैंडल (demo) के रूप में उपयोग करें।

एचटीएमएल

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

स्क्रिप्ट

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