javascript - 包含在 jquery 中

标签 javascript jquery html css twitter-bootstrap

我正在尝试创建具有开/关状态的开关按钮(使用 Twitter Bootstrap )。

在这个演示中你可以看到我有按钮的外边框。按钮可拖动适用于 x-Offset。

我希望按钮不要超出我的边界。所以我将它放在 div 元素中并将其设置为某个宽度。 我不认为它进展顺利。

请建议我如何将此按钮绑定(bind)到边框区域。

fiddle 链接- 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' });

    });

最佳答案

添加额外参数,如 Docs, your friend and helper 中所述.

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

Demo

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

关于javascript - 包含在 jquery 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14975136/

相关文章:

javascript - 再次单击时 Bootstrap 警报不起作用

python - 将 Django 时间变量显示为完整的小时、分钟 am/pm

html - 为什么 margin 在以前的样式之后不能与类选择器一起使用?

javascript - 带有 CRLF 的占位符在 Firefox 中不起作用

javascript - 防止 Javascript 中的 HTML 和脚本注入(inject)

javascript - 如何在 Node.JS 中中止失败的 Q Promise

jQuery .animate 不透明度回调函数

javascript - 如何使用 for 循环调用对象内所有方法内的所有函数?

javascript - 可调整大小的元素边框

css - 是否有命令行工具或库可以在 indesign 模板和 CSS/Html 之间进行转换?