0

だから私は現在、いくつかの動的ナビゲーションに取り組んでいます。<ul><li> コンポジションの基本的な HTML マークアップです。私の問題は、ユーザーがこのナビゲーションに追加したアイテムが多すぎて、コンテナー内に十分なスペースがない場合に発生します (これが単純な <div> であると想像してください)。

だから、私は解決策が必要です。<ul> の幅がそれを含む <div> の幅より大きいか等しい場合を判断する方法があるかどうか疑問に思っていました。その後、残りの <li> 要素を新しい <li> に挿入します。これは基本的にそれらすべてのドロップダウンになります。これは可能でしょうか?

jQuery の基本は知っていますが、これについてはよくわかりません。ああ、レスポンシブに動作する必要があるため、パーセンテージでも動作する必要があります。

これが実現可能かどうか、またはこれを回避するより良い方法があるかどうかを教えてください。

4

1 に答える 1

0

更新: 概要を説明した計画で github リポジトリを更新しました。

--

これにはjQueryを使用します。私が持っているアイデアは次のとおりです。

<div> の幅を取得し、次に <li> のすべての幅を合計して、それらが大きいかどうかを確認します。次に、<li> が <div> に収まるように、必要なだけ削除します。

次に、削除したすべてのものを新しい <li> に追加し、ドロップダウン用に別の <ul> を追加します。

私はこれについて何かを書くことができてうれしいですが、仕事が終わるまでは書きません.

私のgithubにはレスポンシブなナビゲーションがありますが、それはあなたのその後とはまったく異なりますが、これは本当に良いアップデートのように聞こえるので、何かを書いたら、それを私のgithubバージョンに追加します. https://github.com/MartinBlackburn/responsive-nav

于 2013-05-08T13:16:18.433 に答える