jQuery ui 可单行拖动表格

标签 jquery user-interface html-table draggable

我有一个可拖动的表格,一切正常,但我希望能够将它从 <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>

我该如何处理这个问题?

最佳答案

Hiya 工作演示在这里:http://jsfiddle.net/rAzL8/ & http://jsfiddle.net/rAzL8/1/

Cooleos,因此您只需使用可拖动和宾果的表格上的 th 标签上的 :handle 属性即可处理表格的第 th 标签。希望这有帮助,干杯

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

关于jQuery ui 可单行拖动表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10059600/

相关文章:

html-table - 有没有办法使用 GitHub 风格的 Markdown 来跨表头?

javascript - 当内容超过页面大小时如何设置div可滚动?

javascript - append() 是 jQuery 函数还是 Javascript 函数?

css - 如何在 jupyterlab 中更改光标颜色

ios - 在 iOS 中实现跨 Controller 动画的最佳实践是什么?

javascript - 如何使用 jQueryeach 函数从 html 表中提取数据

javascript - 如何在标题固定的情况下通过水平和垂直滚动移动表中的列

jquery - 元素中的多个点 Id a 否 否?

javascript - 用户名实时更改中 keyup() 事件和 change() 事件之间的区别

android - Android 中的圆形按钮