Bootstrap-Switch和Uniform js之间的干扰

Question

我正在使用Metronic模板。 当我使用Bootstrap-Switch时 ，复选框输入在成功部分上仍然可见，如图所示。 所以我发现，发生这种情况是因为使用了UniformJS 。 由于两者都希望调整输入的形状，因此会发生一些干扰。

防止这种情况的一种方法是使用display: none !important;定义CSS类display: none !important; 。
另一种方法是在初始化uniform时使用js not function。 但是因为初始化是由Metronic完成的，所以我不想更改它。

问题：有没有更好的已知方法来消除这些牵引组件之间的干扰？

Answer 1

我用jQuery解决了这个问题：

$.uniform.restore("selector");

其中选择器是直接选择复选框输入的jQuery选择器字符串（不是父div或span或...）

Answer 2

我遇到了同样的问题。 这是我使用CoffeeScript解决的方法：

$('.switch_checkbox').bootstrapSwitch()
$(document).on 'ready', ->
  $.uniform.restore('.switch_checkbox')