Wagtailのクリック不可能なメニュー項目

Question

メインメニュー項目をクリックできないようにしたいのですが、その子はドロップダウンメニューとクリック可能です。

か、またはそれを行うにはよりエレガントな方法かもしれ自体

アクセスできないいくつかのページへ

• 親：

  私はアプローチがあるモデルの特殊なタイプのようなものであってもよいと想像します私は疑いはない？

Answer 1

上記のとおり、hereのサンプルコードを使用していますが、これはブートストラップに関する疑問ですが、これは潜在的な解決策です。

<nav>要素の最後には、メインメニュー項目を含むコンテナがあります。

<div class="container"> 
    <div class="collapse navbar-collapse" id="navbar-collapse-3"> 
    <ul class="nav navbar-nav navbar-left"> 
     {% for menuitem in menuitems %} 
     <li class="{% if menuitem.active %}active{% endif %}"> 
      {% if menuitem.show_dropdown %} 
      <a href="{{ menuitem.url }}">{{ menuitem.title }} 
       <span class="hidden-lg hidden-md hidden-sm visible-xs-inline"> 
       <span class="glyphicon glyphicon-chevron-right"></span> 
       </span> 
      </a> 
      {% top_menu_children parent=menuitem %} 
      {% else %} 
      <a href="{% pageurl menuitem %}">{{ menuitem.title }}</a> 
      {% endif %} 
     </li> 
     {% endfor %} 
    </ul> 
    </div> 
</div> 

メニュー項目をクリックできないようにするには、メニュー項目のhref属性を調整します。 {{ menuitem.url }}の代わりに#としてください。これにより、メニューのドロップダウンは確実に機能しますが、「親」ページに人を連れて行くURLはありません。

 <a href="#">{{ menuitem.title }} 
      <span class="hidden-lg hidden-md hidden-sm visible-xs-inline"> 
      <span class="glyphicon glyphicon-chevron-right"></span> 
      </span> 
     </a> 

も参照してください：Boostrap 3 Navbar Docs