jQueryと単列でドラッグ可能なテーブル

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

Hiya 作業デモ：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>​