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

標籤：style   color   使用   os   問題   io   

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

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".