问题标签 [bootstrap-switch]

我正在整理一个使用引导程序和引导开关库的 d3 可视化。

我有一组由 d3 生成的开关，我想听这些开关，以便根据它们的状态更新可视化；我在开关上有一个事件监听器，但它什么也没做：

http://jsfiddle.net/jy24dk20/1/

谁能告诉我我做错了什么？

我在我的应用程序中使用 angular 和 bootstrap-switch 插件。它是这样工作的：

问题是，如果我想使用在那里找到的所有属性，它就不起作用。

如何在我的交换机上使用 ng-model？我想这样使用它：

我在 ASP.NET 中有一个单选按钮

我想使用从HERE获得的引导开关

我只想在我的单选按钮上有“切换”效果，而不是 ASP.NET 提供的默认圆圈。

这是我所做的：
1) 在我的 aspx 页面上添加了单选按钮。如上图所示。
2）使用以下脚本

现在的行为是这样的，如果我点击“OFF”选项，它会滑到“ON”......但是如果我点击“ON”选项它不会回到OFF。有趣的是，如果我单击“是”的单选按钮文本，它就会切换。
任何帮助都感激不尽。

我将bootstrap-switch与从这个问题中引用的敲除绑定处理程序一起使用，如下所示：

这似乎工作得很好，我已经模拟了一个小提琴来说明我如何在这里使用它：

http://jsfiddle.net/swervo/of0q42j0/5/

但是，我有一些问题似乎无法以令人满意的方式解决：

1）如果我在 ko.observable 数组中有一个项目数组，我可以在所有项目上放置一个点击处理程序，并让它们在父视图模型中调用一个函数，如下所示：

调用时，它会通过项目自己的视图模型。这对于获取被点击项目的属性非常方便，例如，id。我在上面的小提琴中放了一个按钮来说明这是多么容易。

但是，如果我使用引导开关而不是简单的按钮，则开关似乎不知道它的父级，并且我找不到将包含开关的视图模型传递到其父级的优雅方式——比如你可以用一个按钮。我尝试为数组中的每个项目提供对其父视图模型的引用，这确实有效，但会创建循环引用，因此似乎不是正确的方法。

2）在我正在构建列表中项目状态的应用程序中，可以在不同的客户端上更改 - 本地状态需要更新以反映这些远程客户端。同样，也可以在本地客户端上更改状态，然后将其传播到其他客户端。我的问题是如何区分本地发生的状态更改（即，由于用户单击开关）和远程发生的更改（即，由于来自服务器的更新）。在我的实际项目中，我使用敲除订阅来监听链接到开关的值的变化，如下所示：

当我的开关更改以反映新状态时，我想避免从服务器接收更新然后再次更新服务器（具有相同的状态）。目前，我通过在发送更新之前测试服务器状态（如上面的代码片段中所暗示的那样）来解决此问题，如果它与挂起状态更新相同，我将丢弃它。（我已经使用上面引用的小提琴中的按钮模拟了服务器更新）。

我对这些问题的解决方案都不优雅，因此这里提出了问题。任何帮助将非常感激。

我无法在我的应用程序中运行引导开关。

在我的 gemfile 中，我有

在我的 application.html.haml 我有（我放了一个断点：加载后执行）

在我的 application.css 我有

在我的 application.js 我有

最后，在我的视图代码中，我进行了以下 3 次尝试：

结果始终是标准复选框。

任何人都可以建议我错在哪里？

我尝试在 AngularJS 模型绑定复选框上使用引导开关，但注意到它不起作用。

进一步调查表明，当模型更改修改复选框时，Javascript onChange/onClick 事件根本不会触发。如FiddleJS所示

• 当 angular $digest 更改复选框状态时，为什么不触发事件？
• 我在这里做错了吗？

我正在使用 Wrapbootstrap 模板。并使用其路由和 ng-view 之类的东西将其转换为单页应用程序。

这个第三方模板似乎正在使用引导开关。但它没有引用 bootstrap-switch.js，而是有一个叫做 togger.js 的东西，它将带有“make-switch”类的元素转换为一个开关。

问题 1：供应商是否调整了 Bootstrap Switch v2.0 来制作这个 JS？

toggler.js 的代码

问题 2：我正在尝试使用 angular 指令对此开关进行双向绑定。它似乎不起作用。唯一触发的事件是'change'，但我可以在togger.js中看到'setState'之类的功能和'switch-change'之类的事件，但它们没有触发。在“更改”的情况下，我该如何进行正确的双向绑定？

我正在使用它

我正在尝试将复选框变成Bootstrap Switch。它在 IE 中运行良好，但在 Chrome 中的样式不正确。怎么了？

如果我简单地从站点下载引导开关代码，它甚至会发生。在 vs 2013 中创建一个新的空 Web 应用程序添加整个内容并在浏览器中点击预览。（示例.html）

在铬的情况下同样的结果。

如何将引导开关颜色自定义为所需的颜色？

我找到了一个oncolor但offcolor不知道如何更改它们。

我设置了一个引导开关，我只想将其中一项设置为只读。

我努力了：

但我得到：Uncaught TypeError: Cannot read property 'apply' of undefined

HTML 是：

我究竟做错了什么？