ブートストラップモバイルメニュー号

Question

は、私は、ウェブサイトを持っている：https://www.romaheritage.co.uk

問題は、ページの上部にブートストラップメニューです。デスクトップPC /ノートパソコンでうまく動作しますが、モバイルデバイス（携帯電話/タブレット）で表示される2つのドロップダウンメニューのオプション「レコード」&「その他」は展開されません（Androidでは少なくともそうではありません。私はそれをテストすることはできませんので、IOSについては確かに）。私は他人には明白かもしれない何かを見落としていると思う。

誰もがページのソースを表示して、私が間違っていた方向に向けることができますか？

Answer 1

a.dropdown-toggleをdiv.dropdown-toggleに置き換えて動作させました。

CSSは良くないですが、私はあなたがこの権利を行えると信じています。

はここで...コード

<div class="collapse navbar-collapse" id="tb-nav-collapse"> 
     <ul class="nav navbar-nav navbar-right"> 
     <li><a class="page-scroll" href="http://www.romaheritage.co.uk/#about">About</a></li> 
     <li class="dropdown"> 

      <!-- Change a to div --> 
      <div class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Records <span class="caret"></span></div> 

      <ul class="dropdown-menu"> 
       <li><a href="http://www.romaheritage.co.uk/parish-records">BMD</a></li> 
       <li><a href="http://www.romaheritage.co.uk/census-records">Census</a></li> 
      </ul> 
      </li> 
     <li><a class="page-scroll" href="http://www.romaheritage.co.uk/newspaper-articles">Newspapers</a></li> 
     <li><a class="page-scroll" href="http://www.romaheritage.co.uk/#blog">Blog</a></li> 
     <li class="dropdown"> 

      <!-- Change a to div --> 
      <div class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Misc. <span class="caret"></span></div> 

      <ul class="dropdown-menu"> 
      <li><a href="http://www.romaheritage.co.uk/queen-victorias-journals">Queen Victorias Journals</a></li> 
      </ul> 
     </li> 
     <li><a class="page-scroll" href="http://www.romaheritage.co.uk/#contact">Contact</a></li> 
     </ul> 
    </div> 

Answer 2

これを試してみてくださいだ

$("li.dropdown").click(function(e){ 
    $(this).toggleClass("open"); 
});