5

ナビゲーションバーがあり、ドロップダウン メニューの横にキャレットがあります。

Operations現在のコードでは、ユーザーがテキストまたはキャレットをクリックすると、ドロップダウン メニューが開きます。しかし、私はこれが必要です:

  • ユーザーがOperationsリンクをクリックすると、ユーザーが自分の/operations/ページに移動するようにします。
  • ユーザーがキャレットをクリックすると、ドロップダウン メニューが表示されます。ユーザーがドロップダウン メニューのいずれかの要素をクリックすると、ユーザーは関連するページにリダイレクトされます。

フィドル: http://jsfiddle.net/mavent/UtDqm/2/

<div class="navbar navbar-inverse">
  <li class="dropdown" id="myTools">
    <a class="dropdown-toggle" data-toggle="dropdown" href="#myTools">
        Operations
        <b class="caret"></b>
    </a>
    <ul class="dropdown-menu">
        <li><a href="/mypage1/">MyPage 1</a></li>
        <li><a href="/mypage2/">MyPage 2</a></li>
    </ul>
  </li>  
</div>

Twitter ブートストラップのドキュメントでは、分割ボタンのドロップダウンを作成する方法がここに記載されています。ボタンは使いたくない。ボタンを使用せずに分割動作を行うことは可能ですか? リンクだけ？

4

2 に答える 2

9

<a>オペレーション リンクを新しいタグに分割できませんでしたか?

<div class="navbar navbar-inverse">
  <li class="dropdown" id="myTools">
    <a href="/operations/" style="display:inline-block;padding-right:0px;">Operations</a>
    <a class="dropdown-toggle" data-toggle="dropdown" href="#myTools"  style="display:inline-block;padding-left:0px;">
      <b class="caret"></b>
    </a>
    <ul class="dropdown-menu">
      <li><a href="/mypage1/">MyPage 1</a></li>
      <li><a href="/mypage2/">MyPage 2</a></li>
    </ul>
  </li>  
</div>
于 2013-06-06T13:30:49.273 に答える