[英]jQuery and HTML5 Drag and Drop into Table (Scheduler)
我一直在使用jsfiddle.net來嘗試原型調度程序,其中要調度的項目被拖放到其中。 我已經從“未分配”列表中拖放到了計划表工作中。 我也有能力從日程表中刪除工作。 我正在困難的時候纏着頭來將桌子上的一個項目移動到桌子的另一部分。
小提琴就在這里 。 我很感激任何關於讓內部拖放工作的建議。 我整天都在努力工作,而且我開始變得模糊不清。 哦,無論如何,如果你認為我正在做的事情可以做得更好,請做出改變,讓我知道小提琴的版本。
UPDATE
按照@SMathew和@darksky的說法,我重建了整個小提琴,我並沒有直接轉移桌面細胞,而是改變了它們的內容。
我知道你們推薦使用div
和/或span
s,但是我想使用表格的結構,尤其是rowspan
來以30分鍾為增量指定單元格的高度。 它現在確實工作得更好,唯一的錯誤就是移動單元格(或者更多內容),因為我必須恢復受源站點的rowspan
影響的單元rowspan
,並刪除與目標站點的rowspan
沖突的單元rowspan
。
更新的小提琴可以在這里找到。
更新2(最終)
所以,我又回到了繪圖板,在64個小提琴之后,我終於得到它做我想要的。 最后,在不操縱表結構的情況下讓一切工作正常的技巧。 我所要做的就是設置以行數display: hidden
的單元格來display: hidden
。
無論如何,對於任何有興趣的人來說,新的小提琴就在這里 。 我確實發現Chrome在處理API方面存在一些問題。 我在小提琴中注意到了它們(以及部分咆哮)。
問題是你試圖使td元素可拖動。 當你從這樣的表中刪除/插入td元素時,你必須創建一堆空單元格來平衡它。 我建議保持表格完整,並將可拖動元素包含在div或span標記中。 這樣表結構永遠不會改變。 您的代碼也將更加簡單和高效。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.