1

私はこれに髪を引き裂いています-それはとても単純なはずなので、私を怒らせます.

私のサイトでは、Twitter フィードの最後の要素から:last-childを削除するために使用します。border-bottom

ul#twitter li:last-child {
    border: none;
}

これは Firefox / Chrome では問題なく動作しますが、last-child をサポートしていない IE8 では動作しません。だから、私はjQueryに目を向けて、これを私の中に入れました<head>

<!--[if IE 8]>
    <script type="text/javascript">
        $(document).ready(function(){  
            $('ul#twitter li:last-child').css('border','none !important');
        });
    </script>
<![endif]-->

これって効果なし？外部ファイルを使用してみましたが、IE8 固有ではなく、ドキュメントの準備ができている場合とない場合があります...また、Firebug でセレクターをテストして、jQuery が正しく、すべてが機能することを確認しましたか? 何か案は？

サイトはこちら

ご協力ありがとうございました

4

3 に答える 3

2

コードは問題ありません。ページの下部にライブラリを含めて問題が発生しjQueryますが、IE8 スクリプトを上部で実行します。

jQuery はまだロードされていないため、スクリプトは失敗します (また、エラーがスローされます'$' is undefined) 。

jQuery インクルードの後に​​コードを移動すると、設定が完了します。

于 2012-04-08T10:32:08.733 に答える
1

:lastの代わりに使用してみてください:last-child:

$('ul#twitter li:last').css(...)

参考まで:last-childに、セット内の最後の子要素を探します。そのため、あなたの場合は、内のli要素内の最後の子要素を探しますul#twitter。

:lastセット内の最後の要素を探すだけなので、 内の最後の要素li自体に一致しますul#twitter。

于 2012-04-08T10:25:58.203 に答える
0

使ったほうがいいかもしれません

$('ul#twitter li').last();

また

$('ul#twitter li:last');

あなたのセレクターとして

于 2012-04-08T10:29:21.983 に答える