Bootstrap下拉菜单冲突jQuery 1.11.3

时间:2015-07-22 09:19:30

标签: javascript jquery html css twitter-bootstrap

我使用bootstrap 3.3.2和jQuery 1.11.3并且下拉菜单不起作用。如果我降级到jQuery 1.8.3它工作正常,我不明白为什么。只有jQuery版本在变化。

这是我的HTML代码:

<!DOCTYPE html>
<html lang="hu">
<head>
    <title>title</title>
    <meta charset="iso-8859-2">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script type="text/javascript" src="js/jquery/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="js/jquery/bootstrap/dist/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/jquery/bootstrap/js/dropdown.js"></script>
    <link rel="stylesheet" href="js/jquery/bootstrap/dist/css/bootstrap.min.css">
</head>
<body>
    <div id="header" class="col-md-12">
        <nav class="navbar navbar-default">
            <div class="container-fluid"><div class="collapse navbar-collapse">
                <ul id="menubox" class="nav navbar-nav">
                    <li role="presentation" class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" href="#">Blog</a>
                        <ul class="dropdown-menu" role="menu">
                            <li><a href="...">New</a></li>
                            <li><a href="...">Search</a></li>
                            <li><a href="...">List</a></li>
                            <li class="divider"></li>
                            <li><a href="...">Help</a></li>
                        </ul>
                    </li>
                    <li><a href="...">Menus</a></li>
                </ul>
            </div>
        </nav>
    </div>
</body>

控制台错误日志为空。有什么想法吗?

1 个答案:

答案 0 :(得分:3)

尝试从CDN加载jquery和Bootstrap文件。

visible

如果此方法有效,那么您的文件无法正常加载或已损坏