你如何使用 jQuery 的 .draggable 来拖动表格单元格?

Posted

技术标签:

【中文标题】你如何使用 jQuery 的 .draggable 来拖动表格单元格?【英文标题】:How do you use jQuery's .draggable to drag a table cell? 【发布时间】:2012-05-09 17:01:05 【问题描述】:

在这个 Fiddle 中,我想做一个 jQuery 或 javascript 交互,这将允许我拖动第一个表格单元格(名称)并将其拉出。 .draggable 似乎只适用于 div。有解决方案还是我应该放弃尝试使用表格制作 UI? http://jsfiddle.net/4XyzJ/33/

【问题讨论】:

【参考方案1】:

你可以试试这个插件http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/

表格单元格就是你需要的http://www.jeasyui.com/tutorial/dd/dnd3.php

【讨论】:

我会将这个想法添加到 jsfiddle.net/4XyzJ/33 的分支中,即使我还没有测试过,我也会给出答案,谢谢你的想法。【参考方案2】:

您可以在单元格中放置一个 div 并拖动它。

【讨论】:

这个我试过了,好像没用。我可以在这里引用 jsFiddle:jsfiddle.net/4XyzJ/33 试试这个:jsfiddle.net/4XyzJ/44 我更正了您的选择器并单击了 jQueryUI 复选框。

以上是关于你如何使用 jQuery 的 .draggable 来拖动表格单元格?的主要内容,如果未能解决你的问题,请参考以下文章

如何仅使用 Draggable 和 Droppable jQuery 从克隆中删除类?

如何将变量从 jQuery draggable 传递到 droppable

用jquery ui draggable 和 droppable实现以下功能:

使用 jQuery UI Draggable,使用滚动条时如何避免拖动?

使用网格恢复“无效”不会使用 jQuery UI Draggable 返回到起始位置

jquery如何通过'draggable'和'droppable'来排序't项目“互相吃”?