在jquery中的遏制

Question

我正在嘗試創建開關按鈕以開/關狀態（使用twitter bootstrap）。

在這個演示中，你可以看到我有外邊框到按鈕。可拖動按鈕對x偏移是真實的。

我希望按鈕不要離開我的邊界。所以我把它放在一個div元素中，並將其設置爲一定的寬度。 我認爲它不會很好。

請問我該怎麼做才能在邊界區域綁定這個按鈕。

小提琴鏈路 http://jsfiddle.net/stackmanoz/w6AsC/3/

一些代碼的保質

<div style="width:200px;border:1px dashed #ddd"> 
    <p id="button" class="btn-inverse btn">Regular link</p> 
</div>   

而且腳本 -

$(document).ready(function() { 


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

    }); 

Answer 1

添加一個額外的參數作爲Docs, your friend and helper解釋。

$('#button').draggable({ axis: 'x',containment: "parent" }); 

Demo

這樣理論上你甚至不需要的軸參數。