拖放DOM操作

Question

我將從一個例子開始，希望它能幫助解釋我的問題。

說我有兩列。左欄包含選項卡式內容，右欄爲空。我想從左列拖動一個選項卡到右列，並將該內容顯示在右列（該選項卡將在左列中變灰，直到我「x」出/取消右列 - 此第一部分我可能會弄清楚，但希望能讓這個想法更清晰）。

是否有可能實際移動DOM中的項目，或者更好的解決方案是根據被拖放的內容（比如說ID）來觸發加載右欄中內容的事件。

我知道jQuery UI可拖動功能，但我希望有人有一個很好的解釋或建議，以實現此功能的最佳方式。

Answer 1

我不認爲這會直接回答你的問題，但HTML5有一個漂亮的拖放功能漂亮here由於在HTML 5拖放模型涉及「數據傳輸」，它可能是最好的傳輸內容的ID並將其加載到第二列中，即使使用JQuery也是爲了未來邏輯的一致性。這樣，如果您決定將其移至HTML 5並且需要較少的修改，則代碼在概念上的工作原理將相同。