-1

私は解像度を持っていない次の方程式を持っています:)私は単純に構成されているナビゲーションメニューが必要です

<ul id="nav">
   <li>
      <a>link</a>
        </li>
other 20 li's ...and last a select which contains li's that no longer have space on menu ...
        <ul>
            <li>
            <a>last li's that cannot be displayed on nav menu </a>
            </li>
       </ul>
    </ul>

どうやってやるの??メニュー幅のサイズが変更されたときのウィンドウのサイズ変更では、liは最後の選択に進み、展開するとメニューに戻ります。

誰かがこれのための素晴らしいjQueryで私を助けることができるならお願いします。

ありがとうございました

4

2 に答える 2

1

window.onresize DOM イベントを使用する

window.onresize = function(event) {

 your code for changing content of ul goes here     

}
于 2012-07-24T09:33:53.573 に答える
1

HTML コードが無効なので、行間を読み取ろうとしています。

検討すべき2つの可能な解決策。

TinyNav.js .

あなたが説明したようにはうまくいきませんが、メディアクエリを介してリストを自動的に選択に変えます。通常、これは小さな画面でメニューを使いやすくするためのものです。

私の意見では、20 個のリスト アイテムは表示するには多すぎます。Superfishを介してサブメニュー項目を表示します。選択ではありませんが、サブメニュー項目が親項目にカーソルを合わせると表示されるため、間違いなく優れています。

于 2012-07-24T09:21:15.143 に答える