问题标签 [bootstrap-switch]

我正在使用 bootstrap-switch - v3.3.1，但在切换时我不需要切换器的默认蓝色轮廓，我设置style="outline: 0 none;了输入但它不起作用。

这是我的html：

JS：

我刚刚使用了 bootstrap-switch - v3.3.1，我不需要边框半径，所以我设置border-radius:0 !important;为.bootstrap-switch.bootstrap-switch-focused这样：http: //jsfiddle.net/q2zEk/1/。

但是我们可以看到切换器内部有一个小半径边框。

如何在不影响全局切换器的情况下将整个切换器更改为方形边框。

我正在使用 Bootstrap Switch 库，但是在编写了以下代码之后，我只能将“True/Yes/on”值传递给后端。另一个状态根本没有通过。

HTML：

JavaScript：

我错过了什么或做错了什么？

我正在尝试使用 Bootstrap-Switch 来切换我的复选框。它可以在普通页面或预加载到页面中的模式上正常工作。

但是，如果我从远程页面（a href=something.html）加载模式，则切换不起作用/显示。显然它加载一次，但在打开模式后不会重新加载。

我试过了

但无济于事。

我也尝试将 JS 代码直接添加到从 Modal 中提取的代码中，但它不起作用。直接加载时它可以在远程页面上工作，但不能通过模态加载。

我是一个 JS 新手，所以这可能是一个微不足道的修复。基本上需要知道模态加载后如何调用 bootstrapSwitch() 。

谢谢！

我错过了一些简单的东西，但找不到。在我的 asp.net MVC5 项目中，我想使用bootstrap-switch. 这就是我所做的：

BundleConfig.cs：添加如下bootstrap-switch.css，bootstrap.switch.js

（并确保文件位于这些位置）。

然后，在一个视图中，我尝试了以下三个复选框，

并在视图文件的底部添加，

但是当我运行项目时，复选框看起来像标准复选框（没有 CSS，或者添加了函数）。

我已经阅读了很多关于此的帖子（我的代码遵循http://www.bootstrap-switch.org/逐字），但找不到我的错误。

这是我第一次使用引导开关。我试图在更改状态时更新数据库上的数据。

所以我有

当它改变状态时，我得到：

POST www.mydomain.com/user/functions/dashsettings.php 500（内部服务器错误）

我正在使用 Bootstrap Switch，需要进行独家选择：有一堆切换器（数量未知），用户一次只能打开一个。

我做了这样的事情：

不幸的是，这会在无限循环中发送脚本（在状态更改时）。我认为这是因为在底层，Bootstrap Switch 使用了一个 trigger() 函数，所以当 switch 状态变为 false 时，它​​会再次触发 switchChange 事件，以此类推。

我做了一个解决方法，通过触发：

反而。然而，这似乎是一个非常糟糕的解决方案。

有没有更好的办法？

我们有一个表单，用户可以在其中通过在文本字段中输入名称并选择切换复选框来创建运输类型。要添加另一种运输类型，我们使用 jQuery 的 clone 方法来重建字段一次或多次。

我的目标是使用 bootstrap-toggle 将复选框更改为切换。这适用于第一次切换，但随后的克隆字段集失败。

我已经将我的初始代码剥离为最基本的示例，试图让它发挥作用但无济于事：

Bootstap-toggle 在页面加载时将我的复选框转换为如下所示，并且切换工作正常：

当我使用 addShippingToPage 函数添加另一个字段时，克隆的 HTML 看起来完全一样。但是，当我尝试切换按钮时，它最终会在第一个打开的 div 中创建前面引导切换代码的​​完整副本，当然切换无法移动。

我已经尝试了所有我能想到的东西——包括尝试使用克隆失败的 Boostrap-switch，以及重命名类和 ID 以确保差异化——但我无法让它工作。任何指导表示赞赏！

我正在使用 Bootstrap 进行开/关切换。在此页面中，它每 5 秒刷新一次 ajax 以重新加载页面内容。我面临的问题是当页面通过 ajax 刷新时，引导开关失去了它的 css 样式。

我使用 Firefox 检查，这就是我所看到的：

在ajax刷新之前：

ajax刷新后：

阿贾克斯代码：

我如何重新加载那些必要的引导 css 甚至 js ？

我有一个 MVC 应用程序，其中有一类布尔值。如果项目被指示为拒绝（返回 false），则每个开关旁边都有一个文本区域用于输入评论。如果 swith 设置为 Accepted（返回 true），我需要禁用 textarea。我搜索了 ad nauseum 并找不到合适的解决方案。我知道 bootstrap-switch 内置了一个 on-change 事件处理程序，但我正在努力避免为每个 bool 字段设置一条单独的线，而不是使用 (this)。

以下是代码示例：

这是脚本：

我正在使用 FoolProof，如果值为 false，则需要填写 textarea 字段。