作者RedMapleWing (闇夜 楓)
看板Ajax
標題[問題] 圖片拖曳相關問題
時間Tue Mar 26 17:38:12 2013
想請教各位前輩
小弟最近有個案子
需要圖片拖曳的功能
目前是使用jquery的draggable來處理
可是功能上有個小瑕疵
我需要展示的圖片大過我的展示區
而我無法限制它的移動範圍
如果我的展示區有另外設背景色
那我拖動圖片時就會出現部份是我想展示的圖片
部份是背景色的狀況
目前有試過用containment加四個座標
可以達成我的需求
但是這四個座標的位置卻會隨視窗的大小而變動
想請教各位前輩有什麼辦法可以達成我的需求
謝謝
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 122.116.9.174
1F：→ Rplus:需求未明 03/27 00:21
http://ppt.cc/naC8
抱歉一時找不到可以用的網頁空間
這是一個簡單的範例
我的需求就是，當我在拖動圖片時
後面的淺灰色(展示區的背景色)不要跑出來
圖片被卡在一個範圍內
不知道這樣有沒有比較清楚
有問題我可以再試著講的更清楚點
※ 編輯: RedMapleWing 來自: 1.34.171.129 (03/27 10:23)
2F：推 mrbigmouth:自己套dragable的event寫限制啊.... 03/27 11:29
3F：→ RedMapleWing:不太懂，請問可以說仔細點嗎？ 03/27 13:37
4F：推 mrbigmouth:剛看了一下...這部份ui應該沒有提供很好的支援度... 03/27 16:45
5F：→ mrbigmouth:自己寫吧 03/27 16:45
6F：→ mrbigmouth:drag其實只是mousedown,mouseup兩個事件的交互而已 03/27 16:45
7F：→ mrbigmouth:看一下原始碼自己改一下 嫌難的話就自己慢慢找別的囉 03/27 16:46
8F：→ musie:自己刻drag 難的地方是紀錄滑鼠軌跡時的去敏程式... 03/27 17:14
謝謝上面各位前輩的回覆
事實上會執著在這個部份的原因是
這個ui本身就有提供containment可設定限制範圍
我有設定成功過
但是在螢幕的寬度調整過後
設定的範圍就會跑掉
總之，就是有點臨門一腳的感覺
本來是懷疑position的問題
可是測試後卻發現沒什麼改變
我想我會去研究一下怎麼樣自己刻一個來用的
※ 編輯: RedMapleWing 來自: 122.116.9.174 (03/27 17:24)