jQuery 可拖动的问题
我正在开发类似地图的功能，请检查http://jsfiddle.net/JxjeL/4/。我正在使用 jQuery Draggable 插件来像地图一样拖动图像。通常它可以工作，但是如果我在拖动时将光标移出页面，图像就会卡住。
重现：
- 向上拖动。
- 然后向下。
- 向下拖动时，将鼠标指针移到正文/页面之外。
- 释放鼠标
- 将鼠标指针带回图像内
- 现在尝试向下拖动。
您将无法向下拖动，它会卡在随机位置。
我还捕获了窗口调整大小事件并根据更改的大小重置“遏制”。
I am developing map like functionality, check http://jsfiddle.net/JxjeL/4/. I am using jQuery draggable plugin for dragging of image like a map. Normally it works, but if I take cursor outside the page while dragging, image get stuck.
To reproduce:
- Drag upwards.
- Then downwards.
- While dragging downwards, take the mouse pointer outside the body/page.
- Release the mouse
- Bring back mouse pointer within image
- Now try dragging downwards.
You will not able to drag down, it will get stuck at a random position.
I also captured the window resize event and resetting 'containment' according to changed size.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
这似乎与 JSFiddle 使用的 iframe 有关。
我正在尝试使用可拖动的演示页面重现该错误： http://jqueryui.com/demos/draggable /
通过将完全相同的代码复制到 JSFiddle 中，我可以在该框架中重现相同的问题，但在实际的演示页面上我不能。
不确定这是否有任何帮助，如果您确实需要在 iframe 中使用它。
This appears to be related to the iframe JSFiddle uses.
I'm trying to reproduce the bug using the demo page for draggable: http://jqueryui.com/demos/draggable/
By copying the exact same code into JSFiddle I can reproduce the same problem in that frame, but on the actual demo page I cannot.
Not sure if that's any help though if you really need to use it in an iframe.