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