问题标签 [bootstrap-switch]

结果：

链接到图片

我的代码：

Bootstrap 开关功能完美，但我不知道为什么它这么长。我试过改变属性data-size="small"，但它仍然没有改变开关的长度。我也尝试过上课make-switch，switch-on但长度没有变化。知道为什么会这样吗？

编辑：我可以设置给开关<div>以下； <div class="make-switch switch-on" style="height:40px"> 但这是一个肮脏的解决方法。它看起来也不是很好。

在 Ruby on Rails 中，我一直在努力将 Bootstrap Switch 切换按钮上的轮廓边框从默认的蓝色轮廓更改为我想要的颜色，或者找到有关如何操作的任何信息。我几乎放弃了，但随后在堆栈中提供了很多关于如何设置主按钮颜色的帮助，一起破解了下面的解决方案。但我想知道是否有比这更清洁和更好的方法，也许通过向bootstrapSwitch函数发送另一个选项，因为我下面的黑客有点笨拙和丑陋（尽管它确实有效，至少在我的网页上） ?

CSS：

查看 ERB 页面底部的 Javascript：

bootstrap switch如果状态更改为 true 或 false，如何动态更改某些css 类？事实上，如果可能的话，添加一个新类也可以解决我的问题。有什么简单实用的方法吗？我篡改了文件但一无所获。

onSwitchChange事件对于这种情况来说已经足够了，但我需要一些帮助。

更新

我附上了一张图片，说明了我想要实现的目标。

我正在使用datatables 插件，但bootstrap switch有问题。这是我的 javascript 代码，我使用从 ajax 调用中检索到的值创建一个开关：

这是 HTML 代码：

我阅读了几个问题和答案，但我认为我的问题与我的问题有关，"fnDrawCallback": function()因为我尝试了所有解决方案但都没有奏效。可能是开关设置不正确？这是桌子

如何创建类似 iOS 的具有 NO/YES 状态的滑动按钮，当它为 YES 时打开模式窗口？

这可以用引导程序完成吗？

我找到了可以使用的代码，但我需要有人编辑 JS 代码，以便仅在按钮 YES 状态下显示模态。

小提琴

HTML

JS

我正在使用数据表和引导开关插件来启用和禁用用户。当我单击开关时，我通过 ajax 调用 Web 服务，而我的其余 Web 服务将用户的状态切换到数据库。问题是知道从数据表行中选择了哪个用户并将其传递给我的网络服务。这是表初始化：

这是引导开关事件：

我想在构建过程中将用户名设置为引导开关的字段，但如何？我应该做这样的事情：

但它不起作用，因为设置用户名而不是从 ajax 调用返回的值。你能帮助我吗？

我正在使用这个开关。我试过使用

无济于事。

我正在尝试在 html 中使用带有以下代码的引导开关，

但这会返回 'true' 或 'false' 作为值，

我们如何获得自定义值作为选择？就像上面的开关选择启用或禁用一样？

当用户访问我的网页时，引​​导开关第一次无法正确呈现，请看：

然后，其他时间正常：

我认为正在发生的是页面比 Bootstrap Switch 先呈现！即使使用 Jquery 就绪功能，如下：

我真的很想避免给用户带来这种不好的体验，我该怎么做才能解决它？

我有一个表单向导，里面有一个复选框。我正在使用引导开关向用户显示切换按钮。每次用户单击按钮时，它应该显示 YES 或 NO（用于选中/取消选中）。但是，除非我执行以下操作之一，否则单击事件不起作用：

1. 删除向导，引导开关按钮将按预期工作。

2. 注释引导开关代码

   $("[type='checkbox']").bootstrapSwitch();

3. 使用委托添加点击事件

   $('#UserForm').on('click', '#checkbox1', function () { console.log('你点击我'); });

更新于 03/22/16

如果我删除下面的代码，点击事件会毫无问题地触发。