0

HTML に がありますが、IE7で/をfont-awesome-ie7.min.css使用してアイコン クラスを動的に変更することはできません。他のブラウザーでは正常に動作します。JavaScriptjQuery

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

どんな助けでも！感謝。

4

1 に答える 1

1

ウーフー！この厄介な問題の解決策があります。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 に配置し、関連する方を条件付きで表示します。あなたはアイデアを得る。アプリのトグルにも同じアプローチを使用しています。

ブートストラップからのサンプル 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-21T17:58:00.080 に答える