JQuery可拖动的遏制

时间:2013-02-22 14:08:49

标签: jquery jquery-ui draggable

如何在整个页面上使元素可拖动。现在它只允许我在父div中拖动我的元素。

 $(thumb).draggable()

我正在使用这个图书馆:http://touchpunch.furf.com/

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

4 个答案:

答案 0 :(得分:2)

这应该有效:

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

Official demo on the containment option

答案 1 :(得分:1)

如果您要使用$(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

答案 2 :(得分:1)

除了包含外,您可能必须使用appendTo选项在拖动时将辅助对象附加到正文:

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

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

答案 3 :(得分:0)

尝试 .draggable({ 遏制:“身体”, 滚动:假, })