作者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)