1

如何<div>使用在当前窗口之外进行可拖动jQuery UI?目前,<div>当光标离开窗口时,将停止拖动。但是如果我使用onmousemoveon window,它会起作用(使用原生 JavaScript)。

http://jsfiddle.net/DerekL/u4yKj/ - 试试看,你就会明白我的意思。

有没有办法让 jQuerywindow用作事件监听器的目标?因为我希望它继续可拖动到窗口外。谢谢。


用作 窗户 目标:

在此处输入图像描述

好的。


使用 jQuery 用户界面:

在此处输入图像描述

出不来!

4

2 回答 2

2

从我所看到的 - 并非没有更改 UI 可拖动的代码。您可以添加 containement: 'window' 以防止在超出边界时出现粗略的行为,但这是您能做的最好的事情。

于 2012-05-27T18:16:59.987 回答
0

您看到的行为是 jsfiddle 在预览窗格旁边拥有其他框架的方式的结果。

正如您在对另一个答案的评论中提到的那样,jquery ui 演示允许在窗口边框之外拖动。这是您自己在移动视图中的 jsfiddle,您会看到它运行良好。

http://jsfiddle.net/m/vrq/

看起来答案是,只要你没有周围的框架,它就会做你想做的事......但是一旦你添加它们,draggable 就不会像你的 vanilla js 实现那样工作。

至于自定义此行为,您将获得以下containment选项:

http://jqueryui.com/demos/draggable/#option-containment

于 2012-05-27T18:27:04.053 回答