我正在研究 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”和“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 文件，然后将其添加到元素中的正确位置
关于javascript - Jquery、Bootstrap 子菜单在本地 .js 文件的情况下不显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34544133/