2017-01-31 2 views
0

JSを有効にしなくても使用できるドロップダウンメニューがあります。そのためには、すべてのサブメニューを開いた状態でフッターにメニューのコピーを作成し、そのメニューの上に<a name="nojs-menu"></a>を追加し、メインメニューの最初のレベルがそのアンカー:<a href="#nojs-menu" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true">を指しています。このようにしてJSが実行されなかったときは、メインメニューですべてのサブメニューが表示されるフッターにユーザーがドロップされます。hrefに既存の要素のIDが含まれている場合、ブートストラップのドロップダウンで間違った要素が切り替わります。バグですか?

HTML5 validatorは、nameの属性をidに置き換えることをお勧めしています。しかし、すぐに私はサブメニューではなくnojs-menuのアンカーでopenクラスをトグルするので、ドロップダウンメニューが機能しなくなります。それはバグですか、何か誤解しましたか?

3.3.5のブートストラップバージョン。

+0

idをnameに置き換えた場合、idとhrefの値 '#nojs-menu'がまったく同じであるため、 – Subho

+0

がその点です。私は、JSが機能していない場合、ページ上の必要な場所にユーザーを移動させるためのリンクをフォールバックにします。それが意図的であれば、ページ上の全く別の要素を切り替えることの背後にある論理は何ですか? –

+0

子メニュ​​ーでclassやidのような他のセレクタを一度追加することができます。子メニューには親hrefと矛盾している識別子が1つしかありません – Subho

答えて

0

この場合、すべてのサブメニュー項目にはidが必要です。このIDは、上部メニューボタンのdata-targetにする必要があります。

関連する問題