Jquery 引导:切换展开但无法关闭
我不认为我的代码有任何问题,但是当我出于某种原因单击按钮或在切换区域之外时,切换没有关闭。我也试着移动我的头代码,但仍然没有帮助。救命啊!标题部分是我的引导和jquery设置。身体部分是导航栏。先谢谢你 标题:Jquery 引导:切换展开但无法关闭,jquery,html,twitter-bootstrap,collapse,Jquery,Html,Twitter Bootstrap,Collapse,我不认为我的代码有任何问题,但是当我出于某种原因单击按钮或在切换区域之外时,切换没有关闭。我也试着移动我的头代码,但仍然没有帮助。救命啊!标题部分是我的引导和jquery设置。身体部分是导航栏。先谢谢你 标题: <environment include="Development"> <script src="~/lib/jquery/dist/jquery.js"></script> <script src="~/lib/
<environment include="Development">
<script src="~/lib/jquery/dist/jquery.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.js"></script>
<script src="~/js/site.js" asp-append-version="true"></script>
</environment>
<environment exclude="Development">
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-2.2.0.min.js"
asp-fallback-src="~/lib/jquery/dist/jquery.min.js"
asp-fallback-test="window.jQuery"
crossorigin="anonymous"
integrity="sha384-K+ctZQ+LL8q6tP7I94W+qzQsfRV2a+AfHIi9k8z8l9ggpc8X+Ytst4yBo/hH+8Fk">
</script>
<script src="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.7/bootstrap.min.js"
asp-fallback-src="~/lib/bootstrap/dist/js/bootstrap.min.js"
asp-fallback-test="window.jQuery && window.jQuery.fn && window.jQuery.fn.modal"
crossorigin="anonymous"
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa">
</script>
<script src="~/js/site.min.js" asp-append-version="true"></script>
</environment>
<environment include="Development">
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
<link rel="stylesheet" href="~/css/site.css" />
</environment>
<environment exclude="Development">
<link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.7/css/bootstrap.min.css"
asp-fallback-href="~/lib/bootstrap/dist/css/bootstrap.min.css"
asp-fallback-test-class="sr-only" asp-fallback-test-property="position" asp-fallback-test-value="absolute" />
<link rel="stylesheet" href="~/css/site.min.css" asp-append-version="true" />
</e
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<a asp-page="/Index" class="navbar-brand"><img src="~/images/logo.png" /></a>
<button class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar" aria-expanded="false" aria-controls="collapsemyNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class=" navbar-collapse collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a asp-page="/Example">Example</a></li>
<li><a asp-page="/Blog">Blog</a></li>
<li><a asp-page="/Social">Social</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a asp-page="/Dashboard">DASHBOARD</a></li>
<li><a asp-page="/Logout">LOGOUT <span class="glyphicon glyphicon-log-out"></span></a></li>
<li><a asp-page="/Setting"><span class="glyphicon glyphicon-cog"></span></a></li>
</ul>
</div>
</div>
</nav>
您的问题与您提供给我们的jQuery版本有关:https://ajax.aspnetcdn.com/ajax/jquery/jquery-2.2.0.min.js
。如果将其更改为https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min.js
您的折叠按钮将起作用。因此,您的标题将是:
<environment include="Development">
<script src="~/lib/jquery/dist/jquery.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.js"></script>
<script src="~/js/site.js" asp-append-version="true"></script>
</environment>
<environment exclude="Development">
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min.js"
asp-fallback-src="~/lib/jquery/dist/jquery.min.js"
asp-fallback-test="window.jQuery"
crossorigin="anonymous"
integrity="sha384-K+ctZQ+LL8q6tP7I94W+qzQsfRV2a+AfHIi9k8z8l9ggpc8X+Ytst4yBo/hH+8Fk">
</script>
<script src="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.7/bootstrap.min.js"
asp-fallback-src="~/lib/bootstrap/dist/js/bootstrap.min.js"
asp-fallback-test="window.jQuery && window.jQuery.fn && window.jQuery.fn.modal"
crossorigin="anonymous"
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa">
</script>
<script src="~/js/site.min.js" asp-append-version="true"></script>
</environment>
<environment include="Development">
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
<link rel="stylesheet" href="~/css/site.css" />
</environment>
<environment exclude="Development">
<link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.7/css/bootstrap.min.css"
asp-fallback-href="~/lib/bootstrap/dist/css/bootstrap.min.css"
asp-fallback-test-class="sr-only" asp-fallback-test-property="position" asp-fallback-test-value="absolute" />
<link rel="stylesheet" href="~/css/site.min.css" asp-append-version="true" />
</environment>
折叠按钮仍不工作。我所做的就是把它拿出来,它就起作用了。但是我不知道为什么笑