Bootstrap下拉列表按钮不起作用

时间:2015-12-12 13:35:16

标签: javascript jquery css twitter-bootstrap

当点击bootstrap按钮时,应该打开一个列表,但它不会响应点击。

{{1}}

代码:
http://jsfiddle.net/Fanadka/r0sfvrcz/

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

首先,你必须在你的小提琴中加入jQuery。

其次,您错过了按钮和下拉列表之间的连接,您应该添加ID和一些咏叹调标签,例如

<div class="btn-group dropdown">
    <button type="button" class="btn btn-info">test</button>
    <button type="button" class="btn btn-info dropdown-toggle" id="mydp" data-toggle="dropdown" aria-haspopup="true" >
        <span class="caret"></span>
        <span class="sr-only">Split button!</span>
    </button>
    <ul class="dropdown-menu" role="menu" aria-labelledby="mydp">
        <li><a href="#">Action</a>
        </li>
        <li><a href="#">Another action</a>
        </li>
        <li><a href="#">Something else here</a>
        </li>
        <li class="divider"></li>
        <li><a href="#">Separated link</a>
        </li>
    </ul>
</div>

FIDDLE