JQuery可拖動遏制

Question

如何在整個頁面上使元素可拖動。現在它只允許我在父div中拖動我的元素。

$(thumb).draggable() 

我用這librarary：http://touchpunch.furf.com/

var thumb = document.createElement("img"); 
      $(thumb).draggable({containment: "html"}); 
      thinner.appendChild(thumb); 

Answer 1

這應該工作：

$(thumb).draggable({containment: "body"}); 

Official demo on the containment option

Answer 2

如果你要使用$(thumb).draggable({containment: "body"});，那麼你就必須添加此到CSS。

body{ 
    overflow: hidden; 
} 

否則使用：

$(thumb).draggable({containment: "html"}); 

---

DEMO（不CSS）： http://jsbin.com/ukotit/7/edit

DEMO（使用CSS）： http://jsbin.com/ukotit/5/edit

Answer 3

除了遏制，你可能必須使用appendTo選項有你的幫手追加到身體的同時拖動它：

$(thumb).draggable({containment: "body", appendTo: "body"}); 

http://api.jqueryui.com/draggable/#option-appendTo