jQueryUI 的 拖拽插件極大的方便了開發者對拖拽功能的實現,但是官方教程給的太籠統,在具體實現的時候很多地方不明確,這里說一下我遇到的兩個 "小坑":
1:Draggable 的clone 屬性.
2:Droppable 接受拖拽控件的定位問題(拖到哪,就放在哪)
首先是第一個"坑",在做一些類似編輯器的東西時需要我們實現類似拖拽控件的功能,即從 "工具欄" 拖到 "編輯欄".這就需要用到 clone屬性,在使用這個屬性實現效果時,編輯欄並沒有顯示被clone的控件,經查證需要在接受欄也就是編輯欄 接受(添加)一下.
代碼就不貼了 截個圖
接下來 是第二個"坑":被拖拽控件的定位 其實很簡單 做一個絕對定位並設置距上距左的距離就OK了,自己對插件不熟悉愣是掉坑里了(⊙﹏⊙)~~~
圖解:
思路通了就很好理解了,這里代碼很簡單,就是指明拖拽插件使用過程中的兩個盲點~希望對這方面開發的菜鳥(包括我~~~)一些幫助!