你如何使用 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,使用滚动条时如何避免拖动?