web-dev-qa-db-ja.com

Bootstrapドロップダウンの親リンクをクリックできない

これは最初のdrupal私が取り組んでいるプロジェクトであり、次の問題が発生しています。ドロップダウンメニューを次のように設定しています。

Dropdown menu with bootstrap

問題は、子供がいる間、親リンク「Materialen」がクリックできないことです。親リンクをクリックできるようにするには何を変更すればよいですか?

2
majorbelow

Drupal 8で機能する素晴らしい方法は、サブテーマでオーバーライドすることです。

menu--main.html.twig

そして削除

 data-toggle="dropdown"

乾杯

4
Astro

次の行をテーマの.infoファイルから削除するかコメントアウトしてください。

scripts[] = 'bootstrap/js/dropdown.js'

ナビゲーションバーのドロップダウンが自動的に有効になります。

2
David

遅くなった場合は申し訳ありませんが、33行目を読むと、測定値の山の後に発見しました

 $element['#localized_options']['attributes']['data-toggle'] = 'dropdown'; 

menu-link.func.phpが機能するはずです

:)

Menu.html.twigをオーバーライドして、その行を削除します{%set link_attributes = link_attributes.addClass( 'dropdown-toggle')。setAttribute( 'data-toggle'、 'dropdown')%}

{%set link_attributes = link_attributes.addClass( 'dropdown-toggle')。removeAttribute( 'data-toggle'、 'dropdown')%}

つまり、setAttribute( 'data-toggle'、 'dropdown')to removeAttribute( 'data-toggle'、 'dropdown')

0
Shubham Kumar

Bootstrapテーマ(またはそのサブテーマ))を使用している場合は、CSSを追加するだけでこれを実現できるはずです。

このBootply https://www.bootply.com/LcSwSskuR1 は素晴らしい解決策を提供します。基本的に、メニューに:hoverを追加する必要があります。これはDrupal Bootstrapテーマで機能する:

@media screen and (min-width:768px) {
  .navbar-nav .dropdown:hover>.dropdown-menu {
    display:block;margin:0
  }
}

サイトに必要な正確な@mediaクエリをいじる必要があるかもしれません。

0
rjl