问题标签 [bootstrap-switch]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
159 浏览

twitter-bootstrap - 引导开关 LESS 客户端使用不起作用

有没有人从http://www.bootstrap-switch.org下载 bootstrap-switch并修改 index.html 以使用 src/less/bootstrap3/build.less 而不是 css 文件并从http 添加 less 编译器: //lesscss.org/#client-side-usage并让它工作?

使用 Chrome,我可以看到文件已正确加载并且没有错误,但开关未正确呈现。

在客户端编译时引导开关是否可能不起作用?

0 投票
2 回答
24071 浏览

twitter-bootstrap - 自举开关 - 开启状态

我正在使用这个引导开关库

我的 html 中有一个复选框。现在,它始终显示在 OFF 状态,即使在加载文档时它的 checked 属性设置为 true。

除此之外我还需要做什么?

编辑- 我的理解是 Switch 在默认情况下在输入类型复选框字段周围添加一个容器bootstrap-switch-off,无论复选框字段的选中属性的值如何。

0 投票
3 回答
34939 浏览

html - bootstrap-switch 如何显示大标签文本

我正在使用 twitter bootstrap-switch 插件来显示一个带有两个选项的复选框。它适用于带有小标签文本(如“是/否”)的复选框。但是,当涉及到较大的标签文本(如“正常/异常”)时,部分文本对用户不可见。

我尝试使用该data_size属性

但它没有用。

如何使插件也支持更长的文本?

0 投票
2 回答
17103 浏览

javascript - 引导开关检查检查状态始终返回 false

我不想监听切换开关的事件,而是想使用 JavaScript 检查它的当前检查状态。

我有这个简单的 JavaScript 来检查检查的值:

无论开关设置为哪种状态(打开或关闭),我总是会收到未检查的警报。

我使用以下方法初始化了拨动开关:

我还尝试在输入标签中设置选中的属性。没有什么能让我得到正确的开关状态。

0 投票
1 回答
251 浏览

javascript - jQuery在DOM上添加的元素上调用插件时无限递归

编辑: http: //jsfiddle.net/J26Dw/(点击添加)

我想为每个标有属性data-widget="bootstrap-switch"的复选框调用bootstrapSwitch()插件。这适用于这个简单的功能:

如果复选框是动态创建/添加到 DOM 的,即单击按钮怎么办?

我试图捕捉DOMNodeInserted事件,然后调用bootstrapSwitch()添加的元素,前提是.data('bootstrap-switch')is undefined。我收到以下控制台错误(以及大量复选框:P):

未捕获的 RangeError:超出最大调用堆栈大小。

谁能指出我正确的方向?

0 投票
0 回答
518 浏览

jquery-validate - Jquery 验证依赖于引导开关

我想在日期字段(seguro_resp_civil_validade)上使用验证。仅当引导开关 (seguro_resp_civil) 为“ON”时才需要验证此字段。

我有这段代码:

seguro_resp_civil_validade:{

},

这不起作用,可能是因为我使用的是引导开关,而“hasClass”不适合这种用途。如何检查是否检查了引导开关?

谢谢

0 投票
1 回答
883 浏览

javascript - jQuery bootstrap-switch 3.0.2 未在输入上触发更改事件

我刚刚将 jQuery bootstrap-switch 插件更新到最新版本,其中包含许多有趣和酷炫的功能,但我的工作代码如下所示:

当我切换开关时change,输入中触发了一个事件,这很酷,因为如果是这样,上面的代码就可以工作,但是......在最后一次更新中,这并没有发生!

我知道有一个onSwitchChange回调可以用来识别输入的变化,但你知道我不想在知道我是否遗漏了什么之前重构 100 行代码。

0 投票
1 回答
962 浏览

knockout.js - 如何使用 bootstrap-switch.js 绑定调用敲除函数?

我正在尝试在表格中显示我的数据,而不是复选框显示一些花哨的东西,例如 http://www.bootstrap-switch.org/

我已经设法使用此绑定构建表并处理插件

我已经展示了数据,但我被困在下一阶段。每次用户单击开关时,我都想调用一个方法来更改数据库中数据的状态。这是我尝试过的

但是永远不会调用该方法。据我了解,这是因为 bootstrap-switch.js 实际上并没有触发它。所以我试着自己做,见—— * ——在自定义绑定中。这导致触发事件 2 次。这是不可接受的。

有没有办法在淘汰赛中调用此方法但不更改 VM?我知道我可以使用 dummyObservable 并在我的绑定中更新它,但是如果我必须更改每个我想使用引导开关的 VM,自定义绑定的意义何在?

基本上我正在尝试制作可重复使用的东西,并陷入淘汰赛部分。

0 投票
2 回答
100 浏览

jquery - 具有相同执行的多个 jquery 事件 - 如何组合?

我发现了很多关于组合单击和更改 jquery 事件的线程。但我不确定如何将基本点击事件与 Bootstrap Switch 的特定事件结合起来。以下两个事件应具有相同的代码。结合它们的最佳方法是什么,所以我没有重复相同的代码两次?

1.

2.

这是我发现我无法重复的答案。(Jquery 结合单击和更改执行一次)也许在这种情况下它不是正确的方法?

0 投票
1 回答
2384 浏览

javascript - Laravel 4 和引导开关

我正在尝试将 Bootstrap Switch ( http://www.bootstrap-switch.org ) 与最新版本的 Laravel (4.2.8) 一起使用,但是我是学习这个框架和 PHP 的新手。

我在我的主 index.blade.php 文件的头部引用了四个必需的文件,如下所示:

在 index.blade.php 文件的下方,我创建了一个值为选中的复选框,并尝试调用该函数以将复选框与切换开关相协调。

出现以下错误:

Symfony\Component\Debug\Exception\FatalErrorException (E_ERROR) 调用未定义函数 bootstrapSwitch()

在该错误下方,引用了我的 index.blade.php 文件的摘录:

以前有没有人设法将 Bootstrap Switch 与 Laravel 集成,或者有其他方法吗?归根结底,这是一个员工可用性网站,如果有人不可用,该网站应该切换为红色,如果有人有空,则切换为绿色。状态(布尔值)存储在 MySQL 数据库中。提前谢谢了。