我在使用Bootstrap 3的Rails 3.2应用程序中使用http://www.bootstrap-switch.org/。
我添加了一个这样的简单开关:
<div class="make-switch switch-large">
<input type="checkbox" checked>
</div>
当我在本地服务器上运行Web应用程序时,它看起来像预期的那样:
但是当我在Heroku上运行Web应用程序时,会出现两个开关而不是一个:
Chrome开发人员工具显示的html分别为:
我应该寻找什么来理清这个错误?
答案 0 :(得分:2)
在coffeescript文件中
jQuery ->
$('input:checkbox').bootstrapSwitch()
答案 1 :(得分:0)
bootstrap-switch.js被加载了两次 - 我通过从js文件中记录来检查这个
花了一段时间才明白为什么它被加载了两次。 事实证明,在我的Heroku应用程序中,Rails.env是开发而不是生产,因此我在production.rb中的配置无关紧要。
答案 2 :(得分:0)
我正在使用angularjs和指令,交换机曾在指令中初始化,另一次直接通过jquery初始化。
基本上多次调用此行会产生那么多开关:
$('your-checkbox-selector').bootstrapSwitch();