Javascript jquery中的包含

我正在尝试创建具有开/关状态的开关按钮（使用twitter引导）

在这个演示中，您可以看到我有一个外边框按钮。按钮可拖动为x偏移

我希望按钮不要超出我的边界。所以我把它放在一个

div

元素中，并将它设置为某个宽度。 我认为情况不太好

请建议我如何在边境地区绑定此按钮

小提琴连杆-

一些代码架-

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

---

添加一个额外的参数，如中所述

这样，理论上甚至不需要axis参数

$(document).ready(function () {


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

    });

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