问题标签 [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 回答
1526 浏览

javascript - 隐藏/显示特定内容并另存为 localStorage

我正在寻找使用引导开关来切换要隐藏和显示的特定内容,具体取决于它是否被选中。我想将此复选框的状态保存在本地存储中。我是 javascript 新手,无法弄清楚。我将不胜感激任何可以提供的帮助...

jsfiddle 是不言自明的。我也会在这里粘贴代码。非常感谢你!


更新

K,在多个来源的帮助下,我让它运行得很好。不是最干净的代码,但正是我想要的。

http://jsfiddle.net/j9knzuh1/28/

0 投票
1 回答
817 浏览

javascript - 引导开关事件处理程序在 Safari 和 Firefox 中不起作用

问题:

Bootstrap Switch 在某些浏览器中不会切换,并且仅在页面重新加载时加载,而不是在首次访问时加载。(我需要将其作为 2 个单独的问题吗?)

解释:

我一直在研究这个,终于弄清楚为什么没有触发事件切换。但是,当用户第一次导航到该页面时,该开关仍然没有出现。他们必须重新加载页面才能显示开关。此外,该开关在 Chrome 中正常工作,但在 Safari 和 Firefox 中不能正常工作。(如本视频所示:视频显示故障

版本:

红宝石:2.2.1p85(2015-02-26 修订版 49769)[x86_64-darwin14]

导轨:4.2.0

宝石:引导开关导轨 3.3.3

野生动物园:8.0.8 (10600.8.9)

Firefox:24.0(我注意到这是一个非常旧的版本,因为 40.0.2 是他们当前的版本)

铬:45.0.2454.93(64 位)

我的代码:

宝石文件

应用程序/资产/javascripts/application.js

应用程序/资产/样式表/application.css

此代码添加在<head>以下页面的信息中:

应用程序/视图/布局/_header.html.erb

此信息在页面本身上

app/views/devise/registrations/edit.html.erb

问题:

1) 为什么开关在初次访问时不加载,只在重新加载页面时加载?

2) 为什么这个开关只能在 Chrome 中正常工作,而不能在 Safari 和 Firefox 中正常工作?

0 投票
2 回答
1172 浏览

jquery - 在切换按钮切换时显示消息

我正在使用Bootstrap Switch在切换开关中打开我的复选框。

现在我想根据开关是打开还是关闭来显示不同的消息。听起来很简单......但我似乎无法让它工作:(

我的 HTML:

还有我的 jQuery:

这是我工作的JSFiddle

同样,这就是我想要做的:

  • 根据选中/未选中的复选框,加载时应在页面上显示正确的消息
  • 然后如果复选框的选项被更改,它应该显示适当的消息

我希望我说得通(英语不是我的第一语言)!如果是重复的问题,我也很抱歉,在这种情况下,请提供 Q/A(s) 的 URL。

提前感谢您的时间和帮助!

0 投票
1 回答
7929 浏览

twitter-bootstrap - 引导开关未加载

我已经包含了所有依赖项,但我仍然无法弄清楚为什么它没有给我我想要的开关。我错过了什么吗?当我点击我的保存更改按钮时,我也无法获取帖子数据。

0 投票
0 回答
297 浏览

laravel-4 - Bootstrap Switch Event Handler not working on laravel 4

Bootstrap Switch does not toggle, and only loads when the page is reloaded. on the first load I have a result like this : Result

If i reload the page i have the good result :

enter image description here

I am working on laravel 4.

Any idea? thanks in advance

code :

0 投票
1 回答
484 浏览

javascript - 正确使用调用 c# 函数的引导开关(T4MVC/Entity Framework)

没有代码我找不到可以解释的词,所以这是我到目前为止得到的:

查看:(引导开关)

Javascript:

然后我的控制器:

所以基本上,我想要做的是在页面的负载上,当我所有的“开关”被创建时,我想去查看我的数据库,看看哪个开关必须是真或假并将它们设置为正确的价值...

但是当我试图这样做时,当 id = 0 时,我会得到一个 NullReferenceException。我猜这是正常的,因为在我的数据库中,id 是 1、2、3 和 4。但是如果我增加 1 id,当 id = 4 时,我得到相同的错误。在每种情况下,它们都没有切换为 true(它们在数据库中都是 true)。如果我手动(没有.each)它只会工作(对于ids 1-2-3),id:0-4仍然无法做我想做的事。

可能与foreach有关吗?因为我尝试传递 id "@(item.Id + 1)" 并且仍然得到一个 0 一次......

非常感谢您的帮助!

0 投票
1 回答
1704 浏览

ruby-on-rails-4 - rails 4:使用 Bootstrap Switch 更改状态问题

我有 3 个引导开关来处理读取/更新/创建权限。它们的区域写为:

并显示为:

引导开关按钮

当用户切换一个开关时,我正在尝试使用 switchChange.bootstrapSwitch 方法来更改其他 é 开关。

当 :allow_read 关闭时, :allow_update 和 :allow_create 也应该关闭...

所以我写了下面的js代码来处理这种情况......

但它不能正常工作......因为它在切换之前插入和关闭文本,但是执行切换:

切换 :allow_read 按钮后显示

有什么问题?

感谢您的反馈

--UPDATE --- 忘记添加生成的 HTML...

0 投票
2 回答
1808 浏览

javascript - 在复选框状态更改时防止 Javascript 确认()

我有一个复选框(它使用 Bootstrap Switch 库作为开/关切换)在 AJAX 的帮助下激活和停用用户。

当用户取消选中该框时,将触发此功能:

弹出确认()对话框,询问用户是否确定要取消/激活用户。如果用户单击“否”,则使用以下命令将按钮发送回其原始状态:

我遇到的问题是,每次 toggleState() 运行时, switchChange.bootstrapSwitch 也会再次运行。这会发送一个非结束的 confirm() 消息,只有在用户确认消息时才会消失。

有没有一种有效的方法来防止 switchChange.bootstrapSwitch 方法基于真实用户点击与以编程方式生成的切换来运行?

我已经尝试过:

正如其他类似问题中所建议的那样,但这些都不起作用,它们甚至都没有出现在“e”对象中......

0 投票
1 回答
393 浏览

r - 闪亮的 bootstrapSwitch 不起作用

这是来自http://shiny.rstudio.com/gallery/widget-gallery.html的简单示例。初始化引导开关后,单击按钮时输出不会改变。我错过了什么?

0 投票
4 回答
29478 浏览

javascript - 使用 jquery 函数引导开关 setState

我正在尝试使用两个外部按钮设置引导开关的状态,这是代码:

单击按钮 ON 或 OFF 开关不会切换其状态。在浏览器的控制台上,我读到了这个错误: TypeError: $(...).bootstrapSwitch is not a function

如果我尝试以这种方式在函数外部设置引导开关的状态:

开关正确切换到 ON 状态。