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

Jquery,Bootstrap submenu is not showing in case of local .js file

本文关键字：Bootstrap 菜单 显示 情况下 文件 js Jquery      更新时间：2023-09-26

我正在开发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>

当我直接从互联网服务器调用"jquery.min.js"answers"bootstrap.min.js

<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>

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

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

相关文章：