2017-04-10 5 views
0

ブートストラップのマークアップを修正するための助けが必要です。私は標準のナビゲーションバーを持っています。私の問題は、トップをクリックすると、ほとんどがliのリンクをたどらないということです。私がサブliのいずれかをクリックすると、彼らは完全に動作します。ブートストラップナビバーでリンクが続いていないのはなぜですか?

私のコードは、リンクのいずれかのためにどのように見えるかの短い抜粋:

<div class="navbar-collapse collapse navHeaderCollapse"> 
      <ul class="nav navbar-nav "> 
       <li><a><img src="images/home.png" alt="home"></a></li> 
       <li class="dropdown"><a href="service.html" data-toggle="dropdown" class="dropdown-toggle">Link&nbsp;<b class="caret"></b></a> 
       <ul class="dropdown-menu"> 
        <li><a>Sub-Link 1</a></li> 
        <li><a>Sub-Link 1</a></li> 
        <li><a>Sub-Link 1</a></li> 
        <li><a>Sub-Link 1</a></li> 
       </ul> 
       </li> 

私はLink項目をクリックすると、それはservice.htmlページに移動しないのですか?私はjsを使用してhrefを設定することを考えましたが、リンクをハードコードする必要があり、すべてがこのページで完了し、リンクはCMS経由で生成されるようになります。ページのリンクを有効にする方法はありますか?私が代わりにクリック

+0

HTMLのシングルビットは変更できません。あなただけのデータを削除することができます=トグル= "ドロップダウン"クラス= "ドロップダウントグル" ..またはそれらを削除するjQueryを使用してもそれを行う必要があります。 – cjmling

+1

'data-toggle =" dropdown "の目的は、ナビゲーションではなくドロップダウンを切り替えることです。ページから移動するためだけにドロップダウンを表示する点は何ですか? – ZimSystem

+0

@ ZimSystemはい、私は今、あなたに感謝します。答えを入れてデータトグル= "ドロップダウン"を削除したら、それを正しいものとしてチェックします。 –

答えて

0

私はブートストラップのドロップダウンクラスを使用すると、ドロップダウンのタイトルにリンクを作成することができないと思うのホバーに表示するように設定されたサブリンクを持って尋ねる人のために

。 service.htmlの別のナビゲーションを作成するか、ドロップダウンリストに追加することができます。

関連する問題