使用 jQuery 的可拖动 <td> 内容答案

【问题标题】：Draggable <td> content using jQuery使用 jQuery 的可拖动 <td> 内容
【发布时间】：2011-01-07 01:39:41
【问题描述】：

我想使用jQuery及其拖放功能，例如： http://jqueryui.com/demos/draggable/

就我而言，我想在 HTML 表格的 <td> 内容上启用拖放功能。例如，对于 20x20 的表格，为了将 <img /> 标记从一个单元格移动到另一个单元格。

这很难吗？搜索后我没有看到任何示例。如果你有一个，或者如果你能告诉我如何处理，我会很酷！

【问题讨论】：

您是否尝试过实现您发布的链接中的示例？它就在那儿！在发帖之前先试一试，伙计！也许你没有看到这部分，Droppable
对不起 Jason，但这并不像您想象的那么简单。 jQuery 拖放实际上不适用于表格内容。即使可以将 TD 内容从一个单元格拖放到另一个单元格，此移动的内容也不会位于其新单元格的中心。经过一些测试，它似乎比你说的要难得多。但这很有趣（而且这不是家庭作业；）
您是否尝试过将您的<td> 内容放入一个div 中？不要摆脱你的桌子，而是使用 <td><div class="myContent">Content</div></td> 并使用 <div> 作为你的可拖动对象？
是的（div，span，...），但它窃取不起作用，我想我将开始搜索其他解决方案以完成我的项目。还是谢谢。
如果你做得对，它应该可以工作。它不在乎你把它放在什么容器里。你的选择器可能不正确......

【解决方案1】：

尝试使用jQuery.ui.sortable。这应该允许在表格中拖放。

【讨论】：

【解决方案2】：

我认为您可以在 .so 中使用 div，以便您可以将 div 拖放到您想要的位置。

【讨论】：