3

ナビゲーションが縮小したときにドロップダウンメニューのすべてまたは一部が展開されるようにする方法はありますか？したがって、ユーザーがナビゲーションにタッチしてドロップダウンすると、すべてのドロップダウンナビゲーションアイテムはすでに完全に展開されていますか？

これはデフォルトの動作だと思いましたが、私には当てはまらないようです。

代わりに、私のナビゲーションは次のようになります。

画像の例

そのセカンダリメニューを表示するには、メニュー項目にカーソルを合わせる必要がありました。これと他のすべてのドロップダウンメニューをすでに展開する方法はありますか？

4

2 に答える 2

0

必要な動作が、折りたたみ可能なナビゲーションバーでドロップダウンを折りたたみ/折りたたみ可能にする現在の動作に置き換えられたのは、バージョン2.2でのみ開始されました。

私は次の回避策を一緒に投げました、それはトリックをするようです：

$('.nav-collapse').on('show', function (e) {
  var $dropdowns = $(this).find('.dropdown');
  setTimeout(function () {
    $dropdowns.addClass('open')
  });
});

その理由は、そうしないと、ナビゲーションバーを開くきっかけとなっsetTimeoutた元のクリック<html>イベントが、要素に伝播したときにドロップダウンを再び閉じることになってしまうためです。

于 2012-11-29T00:09:43.597 に答える
0

これを修正するための正しい答えは、次のことを行うことです。これはここに表示されています。

@media (max-width: 980px) {
  .dropdown ul.dropdown-menu {
    display: block;
  }
}

これはバージョン2.2.2用です

于 2012-11-29T15:39:18.443 に答える