Interference between Bootstrap-Switch & Uniform js

Question

I'm using Metronic template. When I use Bootstrap-Switch the checkbox input is still visible on success portion as shown in image. So I discover, that happen because of using UniformJS. As both want to shape inputs, some interfere happens.

A way to prevent that is defining css class with display: none !important;.
Another way is using js not function when initializing uniform. But because initialization is done by Metronic, I prefer not to changing that.

Question: Is there any better known way to remove this interfere between these tow component?

Answer 1

I encountered the same problem. Here is how I solved it using CoffeeScript:

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

Answer 2

I solved the problem using jquery:

$.uniform.restore("selector");

Where selector is a jquery selector string to directly select your checkbox input (not parent divs or span or ...)