如何在 jquery-ui 上设置最大阻力

Question

我正在 phonegap 中创建侧边菜单，我需要向左拖动 -400px 宽度限制，向右拖动 400px 宽度限制，问题是我只知道拖动在 parent 之间并且没有限制：

$( "#draggable" ).draggable({  containment: "parent" });

---

或

---

$( "#draggable" ).draggable({  axis: "x" });

Answer 1

您可以使用 Array 在 containment 中定义边界框，如下所示：

$("#draggable").draggable({
    cursor: 'move',
    //containment: "parent"
    containment: [-400,0,400,$(document).scrollTop()+$(window).height()]
});

Online Demo (fiddle)