0

ページの上部にナビゲーション バーがあります。それは、div様式化されたリンクをラッピングするだけで構成されてaいます。Jsフィドル

<div class="navigation">
    <a href="someplace">1</a>   
    <a href="someplace">2</a>
    <a href="someplace">3</a>
    <a href="someplace">4</a>   
</div>

ユーザーがページを縮小し、リンクがウィンドウの幅を超えると、一部が下にドロップします。私が望むのは、境界線が最後の子以外のすべての下部にあることです。つまり、実際のコードの配置ではなく、ウィンドウのサイズ変更のために最後の子になったばかりの最後の子です。これは可能ですか？

4

2 に答える 2

0

こんにちは、行間の分離が必要な場合は、a要素が上から分離されているかどうかを評価するこのコードを使用できます。

$('.navigation a').each (function () {
        var off=$(this).offset().top;
        if (off > 10) {
            $('.navigation a').css('border-bottom','3px solid red');
        } else {
            $('.navigation a').css('border-bottom','none');
        }
    });

ここで動作を確認してくださいhttp://jsfiddle.net/LenMU/16/

于 2013-10-29T20:57:16.323 に答える