html – 动态添加bootstrap-switch(带图标)但不工作

概述我正在使用bootstrap-switch( http://www.bootstrap-switch.org/),我想使用图标而不是文本来进行切换;我添加的是由ajax调用和.HTML属性动态添加的;我尝试了以下由HTML属性传递的代码,但它没有显示图标,而是显示 <span class='icon-remove'></span> 我的代码： <input type='checkbox' chec 我正在使用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' />

你知道我怎么解决它吗？

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

谢谢

解决方法 到最新版本：

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

对于旧版本：

<input  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>

总结

以上是内存溢出为你收集整理的html – 动态添加bootstrap-switch(带图标)但不工作全部内容，希望文章能够帮你解决html – 动态添加bootstrap-switch(带图标)但不工作所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。