jQuery draggable - 快速浏览器？

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));
});

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