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

不知道這是否是一個可行的解決方案，而不是測試。