Font-Awesome字体在ie7上不能toggle

问题:
Font-Awesome字体在ie7上不能toggle,原因是Font-Awesome在ie7上使用expression完成显示的。目前网上有很多遇到的但没找到解决方案。
 
解决方案:

采用clone/append完成class的toggle。


<a class="btn btn-link icon-plus-sign"></a>  

$(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掉。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值