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

Question

我使用下面的代码来拖我的网站上一个div：

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

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

这是可能以某种方式？ ;）

Answer 1

LIVE DEMO

我不明白为什么你用拖动的'mouseover'函数内部，也已过时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)); 
}); 

不知道这是否是一个可行的解决方案，而不是测试。