动态添加bootstrap-switch(带图标)但不起作用

Question

我正在使用bootstrap-switch(http://www.bootstrap-switch.org/),我想使用图标而不是文本来进行切换; 我添加的是由ajax调用和.HTML属性动态添加的; 我尝试了以下由HTML属性传递的代码,但它没有显示图标,而是显示

<span class='icon-remove'></span>

我的代码:

<input type='checkbox' checked id='chkAll_tab3' name='chkAll_tab3' class='switch switch-success' data-label-on=\"<span class='icon-remove'></span>\" data-label-off='Archieve' />

你知道我怎么解决它吗？

如果您需要更多说明,请告诉我!

谢谢

Answer 1

到最新版本:

<input class="make-switch" type="checkbox" data-on-text="<i class='fa fa-unlock'></i>" data-off-text="<i class='fa fa-lock'></i>"/>

对于旧版本:

<input class="make-switch" type="checkbox" data-on-label="<i class='fa fa-unlock'></i>" data-off-label="<i class='fa fa-lock'></i>"/>

init bootstrapSwitch

<script>
 $(".make-switch").bootstrapSwitch();
</script>