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のブートストラップバージョン。
idをnameに置き換えた場合、idとhrefの値 '#nojs-menu'がまったく同じであるため、 – Subho
がその点です。私は、JSが機能していない場合、ページ上の必要な場所にユーザーを移動させるためのリンクをフォールバックにします。それが意図的であれば、ページ上の全く別の要素を切り替えることの背後にある論理は何ですか? –
子メニューでclassやidのような他のセレクタを一度追加することができます。子メニューには親hrefと矛盾している識別子が1つしかありません – Subho