问题标签 [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.
javascript - 隐藏/显示特定内容并另存为 localStorage
我正在寻找使用引导开关来切换要隐藏和显示的特定内容,具体取决于它是否被选中。我想将此复选框的状态保存在本地存储中。我是 javascript 新手,无法弄清楚。我将不胜感激任何可以提供的帮助...
jsfiddle 是不言自明的。我也会在这里粘贴代码。非常感谢你!
更新:
K,在多个来源的帮助下,我让它运行得很好。不是最干净的代码,但正是我想要的。
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 中正常工作?
jquery - 在切换按钮切换时显示消息
我正在使用Bootstrap Switch在切换开关中打开我的复选框。
现在我想根据开关是打开还是关闭来显示不同的消息。听起来很简单......但我似乎无法让它工作:(
我的 HTML:
还有我的 jQuery:
这是我工作的JSFiddle
同样,这就是我想要做的:
- 根据选中/未选中的复选框,加载时应在页面上显示正确的消息
- 然后如果复选框的选项被更改,它应该显示适当的消息
我希望我说得通(英语不是我的第一语言)!如果是重复的问题,我也很抱歉,在这种情况下,请提供 Q/A(s) 的 URL。
提前感谢您的时间和帮助!
twitter-bootstrap - 引导开关未加载
我已经包含了所有依赖项,但我仍然无法弄清楚为什么它没有给我我想要的开关。我错过了什么吗?当我点击我的保存更改按钮时,我也无法获取帖子数据。
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 一次......
非常感谢您的帮助!
javascript - 在复选框状态更改时防止 Javascript 确认()
我有一个复选框(它使用 Bootstrap Switch 库作为开/关切换)在 AJAX 的帮助下激活和停用用户。
当用户取消选中该框时,将触发此功能:
弹出确认()对话框,询问用户是否确定要取消/激活用户。如果用户单击“否”,则使用以下命令将按钮发送回其原始状态:
我遇到的问题是,每次 toggleState() 运行时, switchChange.bootstrapSwitch 也会再次运行。这会发送一个非结束的 confirm() 消息,只有在用户确认消息时才会消失。
有没有一种有效的方法来防止 switchChange.bootstrapSwitch 方法基于真实用户点击与以编程方式生成的切换来运行?
我已经尝试过:
和
正如其他类似问题中所建议的那样,但这些都不起作用,它们甚至都没有出现在“e”对象中......
r - 闪亮的 bootstrapSwitch 不起作用
这是来自http://shiny.rstudio.com/gallery/widget-gallery.html的简单示例。初始化引导开关后,单击按钮时输出不会改变。我错过了什么?
javascript - 使用 jquery 函数引导开关 setState
我正在尝试使用两个外部按钮设置引导开关的状态,这是代码:
单击按钮 ON 或 OFF 开关不会切换其状态。在浏览器的控制台上,我读到了这个错误: TypeError: $(...).bootstrapSwitch is not a function
如果我尝试以这种方式在函数外部设置引导开关的状态:
开关正确切换到 ON 状态。