1. 首頁 > 生活百科 > >

jquery怎么寫拖拽

生活百科拖拽

1.jquery寫了一個拖拽,但是每次mousemove的時候,總是有一個向左divItem子元素在divBox的上面 ， 
當鼠標移動到divItem上的時候 ， 已經是從divBox移動到另一個元素了 ， 
先觸發divBox的mouseout事件 ， 再觸發divItem的mouseover事件 。
你這樣的需求是無法直接實現的 ， 看能否換一種方式 ， 來達到你要的效果 。
1、可以在divItem的mouseover事件里面調用divBox的mouseover所調用的方法 。
2、你的divItem是用來做什么的 ， 能否用divBox的背景圖片代替 。
3、或者把所有div的position:absolute ， 然后把divBox的z-index設置為大于divItem的z-index,
再把divBox設置為半透明的形式 。
2.jquery sortable怎么支持多個一起拖拽這個還得自己寫代碼實現 ， 插件本身應該沒有的 。
因為邏輯上并不是非常簡單 ， 實現起來應該不難 ， 需要考慮這么幾點你所謂的幾個一起拖 ， 其中還可以分成好幾種情況 ， 你想明白了到底你想要的效果是怎么樣的了嗎？選擇的部分可以分為：一、選中相鄰的幾個一起拖 ， 二、選中不相鄰的幾個一起拖 拖放目的地可以分為 ， 一、中間部分 二、上下邊界處 。各個情況還是要事先想好出什么效果才行 。
比如 ， 選中1和3兩個item向上拖 ， 那1怎么處理？另外要解決的是用什么方式選中多個？是給各個item加一個類似checkbox的東西來表示當前item的選中狀況呢？還是類似系統的按住ctrl建或shift鍵來多選呢？主要就這兩個問題 ， 找一下如何解決 ， 程序應該用不了幾行代碼的 。
3.jquery的浮動球 拖拽怎么做出來的給一個xxxx對象  ， 設置 position:fixed； 然后添加監聽事件 （這里是使用的原生js ， 不是jQuery） addEventListener('touchmove'), addEventListener('touchend');
//touchmove:
xxxx.addEventListener('touchmove', function(event) {
event.preventDefault();
// 如果這個元素的位置內只有一個手指
if (event.targetTouches.length == 1) {
// 把元素放在手指所在的位置（即拖動）
var touch = event.targetTouches[0];
//。。。.具體的操作
}
}, false);
//touchend
xxxx.addEventListener('touchend', function(event) {
event.preventDefault();
//。。。.具體的操作
【jquery怎么寫拖拽】}, false);

jquery怎么寫拖拽

文章插圖