Font-Awesome在ie7下不能toggle图标解决方案
编程技术 / houtizong 发布于 3年前 56
问题：
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() { //如果是ie7if(/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掉。
请勿发布不友善或者负能量的内容。与人为善，比聪明更重要！
技术博客集 - 网站简介：
前后端技术：
后端基于Hyperf2.1框架开发,前端使用Bootstrap可视化布局系统生成
网站主要作用：
1.编程技术分享及讨论交流，内置聊天系统;
2.测试交流框架问题，比如：Hyperf、Laravel、TP、beego;
3.本站数据是基于大数据采集等爬虫技术为基础助力分享知识，如有侵权请发邮件到站长邮箱，站长会尽快处理;
4.站长邮箱：[email protected];
文章归档
文章标签
友情链接
