Question

我正在研究JQuery。 asp.net应用程序中的Bootstrap和HTML5。我试图在母版页中实现一个简单的菜单。我的代码如下：

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head runat="server">
    <title></title>
    <link href="~/Styles/bootstrap.css" rel="stylesheet" type="text/css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" type="text/javascript"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" type="text/javascript"></script>
</head>
<body>
    <div class="container">
        <ul class="nav nav-tabs">
            <li class="active"><a href="#">Home</a></li>
            <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Menu
                1 <span class="caret"></span></a>
                <ul class="dropdown-menu">
                    <li><a href="#">Submenu 1-1</a></li>
                    <li><a href="#">Submenu 1-2</a></li>
                    <li><a href="#">Submenu 1-3</a></li>
                </ul>
            </li>
            <li><a href="#">Menu 2</a></li>
            <li><a href="#">Menu 3</a></li>
        </ul>
    </div>
    <div class="container body-content">
        <asp:ContentPlaceHolder ID="HeadContent" runat="server">
        </asp:ContentPlaceHolder>
    </div>
</body>
</html>

当我呼叫＆＃34; jquery.min.js ＆＃34;它正常工作。和＆＃34; bootstrap.min.js ＆＃34;直接来自Internet服务器，您可以在代码中看到。但是当我从本地机器中包含文件时：

<link href="Styles/bootstrap.css" rel="stylesheet" type="text/css" />
<script src="Scripts/jquery-1.9.0.js" type="text/javasript"></script>
<script src="Scripts/bootstrap.min.js" type="text/javascript"></script>

子菜单未显示。我不确定实际发生了什么。感谢您的帮助。

Answer 1

我认为你的问题与jquery的版本有关，所以复制一下 https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js 并将其放入URL然后右键单击另存为...您应将其保存为javascript文件，然后将其添加到您的项目中的正确位置

在本地.js文件的情况下，Jquery，Bootstrap子菜单不显示

1 个答案: