FontAwesome图标 - 在IE7

不能从JavaScript更改CSS类

我有我的HTML的font-awesome-ie7.min.css，但我不能改变使用动态JavaScript/jQuery图标类IE7，工作在其他浏览器的罚款。FontAwesome图标 - 在IE7

<div id='iconDiv'> 
    <i class='icon-hand-down'></i> 
</div> 
<script> 
    $(document).ready(function() { 
     $('#iconDiv i').addClass('icon-hand-up'); 
    }); 
</script>

任何帮助！赞赏。

来源

2013-10-17 user2891237

我正在考虑回滚到glyphicons由于同样的问题，我曾与测试glyphicons和他们工作。仍在寻找解决方案。 –

你真的得到它在IE7中使用glyphicons？因为我尝试着没有运气...... –

呜呼！我有一个解决这个恼人的问题。作为与目标IE7所有编码，这是一个完整的黑客但嘿，它的工作原理...

<div id='iconDiv'> 
    <i class='icon-hand-down'></i> 
    <i class='icon-hand-up hide'></i><!-- initially hidden --> 
</div> 
<script> 
    $(document).ready(function() { 
     $('#iconDiv i.icon-hand-down').addClass('hide'); 
     $('#iconDiv i.icon-hand-up').removeClass('hide'); 
    }); 
</script>

把两个图标到您的DOM和有条件地显示两者是相关的。你明白了。我正在使用这种方法来切换我的应用程序。从bootstrap

样品CSS：

.hide { 
    display: none; 
} 

.show { 
    display: block; 
}

仅供参考，以我为例，我使用AngularJS：

<i data-ng-click="collapsed = !collapsed" class="icon-collapse ng-class:{'hide':collapsed}"></i> 
<i data-ng-click="collapsed = !collapsed" class="icon-collapse-top ng-class:{'hide':!collapsed}"></i>

来源

2013-11-21 17:58:00

我真的希望避免这种方式。但你必须做你必须做的。 – DeadlyChambers

FontAwesome图标 - 在IE7

回答

相关问题