jquery - Twitter bootstrap 2 菜单弹出行为异常，我该如何解决？

Question

我有一些这样的代码，但是当我点击第三个按钮组(内容为“管理”)时，子菜单没有弹出。任何人都知道为什么，谢谢。

 <div class="btn-group">
        <button type="button" class="btn btn-default">View</button>
        <button type="button" class="btn btn-default">Edit</button>
    </div>

    <div class="btn-group">
        <button class="btn dropdown-toggle" data-toggle="dropdown" href="#" >Start/End<span class="caret"></span></button>
        <ul class="dropdown-menu">
            <li><a href="#">Start</a></li>
            <li><a href="#">End</a></li>
        </ul>
    </div>

    <div class="btn-group">
        <button class="btn dropdown-toggle" data-toggle="dropdown" href="#" >Manage<span class="caret"></span></button>
        <ul class="dropdown-menu">
            <li><a href="#">paper</a></li>
            <li><a href="#">pen</a></li>
        </ul>
    </div>

Answer 1

您的代码应该可以正常工作，请确保 Bootstrap 文件的路径正确。

您还需要删除多余的 >在最后</li>之后在你的代码中:

<li><a href="#">pen</a></li>>
// -----------------------  ^ here ----------------

Bootply Demo