jQuery ui單行可拖動表格

Question

我有一個可拖動的表格，所有表格都可以正常工作，但我希望能夠將其從表格內的<th>行拖動，而不是從所有<td>的行拖動。

<table id="draggable"> 
<tr> 
<th id="drag">header (can drag table from here)</th> 
</tr> 
<tr> 
<td>normal column (can't drag the table from here)</td> 
</tr> 
</table> 
<script type="text/javascript"> 
    $("#draggable").draggable({ opacity: 0.5 }); 
</script> 

我該如何處理這一個？

Answer 1

你好工作演示這裏：http://jsfiddle.net/rAzL8/&http://jsfiddle.net/rAzL8/1/

Cooleos，所以你需要在你的餐桌上th標籤使用:handle性能與可拖動和賓果它只會處理您的表個標籤。希望這有助於乾杯

jQuery代碼

$("#draggable").draggable({ opacity: 0.7, handle:'#drag' }); 

​ 

HTML

<table id="draggable"> 
<tr> 
<th id="drag">header (can drag table from here)</th> 
</tr> 
<tr> 
    <td>normal column (can't drag the table from here) ;)</td> <td>another</td> 
</tr> 

    <tr> 
<td>normal column (can't drag the table from here) ;) </td> 
</tr> 

    <tr> 
<td>normal column (can't drag the table from here);) </td> 
</tr> 
</table>​