0

このフィドルで見ることができるドロップダウンメニューを作成しました

<div id="navbarContainer" class="container-fluid">
            <nav class="navbar">
                <div class="navbar-inner">
                    <ul class="nav">
                        <li class="dropdown" data-toggle="tab">
                            <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">Adult
                                <i class="caret"></i>
                            </a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="/">AL4 Participant Record</a></li>
                            </ul>
                        </li>
                        <li class="dropdown" data-toggle="tab">
                            <a class="dropdown-toggle" data-toggle="dropdown" data-target="#"  href="#">Youth
                                <i class="caret"></i>
                            </a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="/Home/Youth">YS2</a></li>
                            </ul>
                        </li>
                        <li data-toggle="tab"><a class="course" href="/Course">Courses</a></li>
                    </ul>
                </div>
            </nav>
        </div>

Youth メニューの下の YS2 をクリックすると、実際の URL に移動したいのですが、どうすればこれを実現できますか?

4

1 に答える 1

0

外側の li から data-toggle="tab" を削除する必要があります。

完了すると、そのメニューの html は次のようになります。

<li class="dropdown">
    <a class="dropdown-toggle" data-toggle="dropdown" data-target="#"  href="#">Youth
       <i class="caret"></i>
    </a>
    <ul class="dropdown-menu" role="menu">
        <li><a href="/Home/Youth">YS2</a></li>
    </ul>
</li>
于 2013-07-17T16:55:24.573 に答える