jquery - jQuery可拖动 - 捕捉到浏览器？

Question

我正在使用以下代码在我的网站上拖动一个 div：

    js13('#wrapper').live('mouseover', function () {
        js13(this).draggable();
    });

但我想以某种方式将它捕捉到浏览器，这样就不可能将它拖到浏览器窗口范围之外。

这有可能吗？;)

Answer 1

LIVE DEMO

我不明白你为什么在'mouseover'函数中使用 draggable 以及不推荐使用的live方法。无论如何：
为此目的使用containment属性：

例如：如果#wrapper的父母是body，您可以简单地使用：

$( "#wrapper" ).draggable({ containment: 'parent' });

或者像：

$( "#wrapper" ).draggable({ containment: $('SomeparentElement') });

Answer 2

您可以使用包含属性（请参阅draggable-api）

在您的情况下，您可以尝试：

js13('#wrapper').live('mouseover', function () {
    js13(this).draggable( "option", "containment", $(window));
});

不确定这是否是一个有效的解决方案，未经测试。