jquery - Bootstrap 按钮不起作用(单击时未打开)

标签 jquery css twitter-bootstrap twitter-bootstrap-3

下面是我使用 Bootstrap 的代码片段,其中包含一个下拉按钮。知道为什么它不起作用吗? (当我点击它时,什么也没有打开)。

我看到类似的帖子herehere 。但建议的解决方案都没有解决我的问题。

<html> 
    <head> 
        <title>Bootstrap 3 </title>
        <link href ="css/bootstrap.css" rel = "stylesheet">
        <link href ="css/bootstrap.min.css" rel = "stylesheet">
        <link href ="css/bootstrap-theme.min.css" rel = "stylesheet">
        <link href ="css/styles.css" rel = "stylesheet">

        <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
    </head> 
    <body> 


        <!-- Single button -->
        <div class="btn-group">
          <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
            Action <span class="caret"></span>
          </button>
          <ul class="dropdown-menu" role="menu">
            <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>


    </body> 
</html> 

最佳答案

无法识别 jquery.js 文件。请更改此内容

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>

<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>

关于jquery - Bootstrap 按钮不起作用(单击时未打开),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27994875/

相关文章:

twitter-bootstrap - bootstrap v3网格系统中行内单列的最佳实践?

jquery - 如何将 iframe 中的图像复制到文本区域?

css - 使用最小高度时图像垂直拉伸(stretch)

html - 使用 Bootstrap 3.0 的网格布局

html - css: float div中的重叠标题h1

javascript - 如何使用 Bootstrap 和 jQuery 在输入字段中显示错误图标?

css - 如何在 Bootstrap 中实现图表?

javascript - Google Maps API 上的坐标完全相同

c# - 通过 Jquery Ajax 调用的 WebMethod 正在执行 301 重定向

jquery - CSS 透明长阴影