拖放DOM操作

Question

我将从一个例子开始，希望它有助于解释我的问题。

说我有两列。左列有选项卡式内容，右列为空。我想将一个标签从左列拖到右列，并将该内容显示在右栏中（该标签将在左栏中显示为灰色，直到我“x”输出/取消右列 - 这第一部分我可能会想出来，但希望它能让这个想法更清晰。）

是否可以在DOM中实际移动项目，或者更好的解决方案是触发根据拖放内容（例如ID）加载右列中内容的事件。

我知道jQuery UI可拖动的功能，但我希望有人对实现此功能的最佳方法有一个很好的解释或建议。

Answer 1

我认为这不会直接回答你的问题，但HTML5有一个漂亮的拖放功能，这个功能得到了很好的解释here由于HTML 5拖放模型涉及“数据传输”，它可能会最好转移内容的ID并将其加载到第二列，即使使用JQuery也是为了将来的逻辑一致性。这样，如果您决定将代码移动到HTML 5并且需要较少的修改，代码在概念上将起到相同的作用。