拖放DOM操作

Question

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

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

是否有可能实际移动DOM中的项目，或者更好的解决方案是根据被拖放的内容（比如说ID）来触发加载右栏中内容的事件。

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

Answer 1

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