在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

这样理论上你甚至不需要的轴参数。