javascript - jQuery中的包含

Question

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

在这个演示中，您可以看到我有按钮的外边框。按钮可拖动对 x-Offset 是正确的。

我希望按钮不要超出我的边界。所以我把它放在一个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" });

演示

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