jquery-uiの最大ドラッグを設定する方法

Question

私は電話帳にサイドメニューを作成していますが、左側に-400pxの幅の制限を、右側に400pxの幅の制限をドラッグする必要があります私は親の間と制限なしのドラッグ操作を行うために知っていることである：

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

---

または

---

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

Answer 1

あなたは0を使用することができますcontainment以下のようにバウンディングボックスを定義するための：

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

Online Demo (fiddle)