Font-Awesome在ie7下不能toggle图标解决方案
2015-05-21 00:00
393 查看
问题:
Font-Awesome字体在ie7上不能toggle,原因是Font-Awesome在ie7上使用expression完成显示的。目前网上有很多遇到的但没找到解决方案。
解决方案:
比较蠢,采用clone/append完成class的toggle。目前只想到这种方案。欢迎更完美的解决方案。
html
js
最后必须return false; 否则会造成ie7浏览器crash掉。
Font-Awesome字体在ie7上不能toggle,原因是Font-Awesome在ie7上使用expression完成显示的。目前网上有很多遇到的但没找到解决方案。
解决方案:
比较蠢,采用clone/append完成class的toggle。目前只想到这种方案。欢迎更完美的解决方案。
html
<a class="btn btn-link icon-plus-sign"></a>
js
$(function() { $(".btn").click(function() { $(".btn").each(function() { //如果是ie7 if(/MSIE 7.0/ig.test(navigator.appVersion)) { var $aClone = $(this).clone(true); if($aClone.hasClass("icon-minus-sign")) { $aClone.addClass("icon-plus-sign").removeClass("icon-minus-sign"); } else { $aClone.addClass("icon-minus-sign").removeClass("icon-plus-sign"); } $(this).after($aClone); $(this).remove(); } else { $a.toggleClass(openIcon); $a.toggleClass(closeIcon); } }); return false; }); });
最后必须return false; 否则会造成ie7浏览器crash掉。
相关文章推荐
- Font-Awesome字体在ie7上不能toggle
- IE8 font-awesome问题,不能重绘,在dom加载完后执行一下下面的代码图标就出来了
- Font Awesome 4.0.3 字体图标完美兼容IE7
- Font Awesome 4.0.3 字体图标完美兼容IE7
- [ExtJS5学习笔记]第五节 使用fontawesome给你的extjs5应用增加字体图标
- 微信小程序使用font-awesome图标库
- RN(react native)入坑指南-05,使用图标字体Fontawesome
- TortoiseSVN图标不能显示的解决方案
- 图标库font-Awesome使用教程
- bootstrap之FONTAWESOME 图标
- CSDN 博客可用的 font-awesome 图标
- bootstrap利用Font Awesome给选择添加checkbox图标
- 使用font-awesome小图标
- 扩展名为HTM或HTML的文件图标不能正常显示的解决方案
- element-ui中使用font-awesome字体图标
- 2018年最完整5大网页设计图标解决方案:Font Awesome奥森图Unicode、CSS 和、Font以及国产zfont图标集
- 在QT/QML中使用FontAwesome做图标显示
- 学习WPF——使用Font-Awesome图标字体
- 图标http://fontawesome.io/icons/
- Font Awesome图标字体库和CSS框架