jquery.dragsort.js 實現拖拽過程遇到的問題


1、在IE下第一次拖動的時候,被拖動的li元素會不顯示,查了很多資料發現是因為在IE中定位出了問題,li標簽還在,只是位置計算出錯。解決的辦法是在li的css樣式中position設置為relative。這個問題在火狐等其他瀏覽器是不存在的。

2、如果拖動的li所在容器出現了滾動條,當滾動條滑到最下面的時候,拖拽下面的li的浮動層位置會出現偏移。解決的辦法是在jquery.dragsort.js中,this.draggedItem.css({ top: top, left: left });這句話決定了浮動層的位置,只需將top值加上容器滾動條的scrollTop值即可。

附帶jquery.dragsort.js中參數的解釋:

dragSelector -- CSS選擇器內的元素的列表項的拖動手柄。默認值是“li”。
dragSelectorExclude  -- CSS選擇器的元素內的dragSelector不會觸發dragsort的。默認值是"input, textarea, a[href]"。
dragEnd  -- 拖動結束后將被調用的回調函數.
dragBetween  -- 設置為“true”,如果你要啟用多組列表之間拖動選定的列表。 默認值是false。
placeHolderTemplate  -- 拖動列表的HTML部分。默認值是"<li></li>".
scrollContainer  -- CSS選擇器的元素,作為滾動容器,例如溢出的div設置為自動。 默認值是“窗口“.
scrollSpeed  -- 一個數字,它代表了速度,頁面拖動某一項時,將滾動容器外,較高使用價值的是速度和較低的值是較慢的。 如果設置為"0"以禁用滾動。默認值是"5".


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM