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>​