为什么我的引导程序导航栏没有显示活动按钮？
你
我第一次尝试使用引导程序，我知道我需要在头部链接 js 和样式表，顺便说一下，这是在母版页中。我这样做了，它应该将活动类设置为单击的任何页面。我不确定我做错了什么，抱歉，如果这有一个我不知道的简单解决方案。
<head runat="server">
<title></title>
<link href="Style/css/bootstrap.css" rel="stylesheet" />
<script src="Style/js/bootstrap.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.js"></script>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
这段代码在这里格式不正确，所以我不得不把它贴在 pastebin 上。
汉斯弗朗茨
<nav class="navbar-default menu">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand">Shittalk.tf</a>
</div>
<ul class="nav navbar-nav">
<li class="active" ><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Donate</a></li>
</ul>
</div>
</nav>
<script type="text/javascript">
$(document).ready(function(){
$('.menu li').click(function(e) {
console.log("hello")
var $this = $(this);
$("li").removeClass("active")
$this.addClass('active');
e.preventDefault();
});
});
</script>
不要忘记为此添加 Bootstrap 和 jQuery。工作示例
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
为什么我的字形图标没有显示在导航栏上（引导程序）？
- 2
为什么我没有在引导程序中获得所需的导航栏？
- 3
为什么在导航栏后面没有显示我的文字？
- 4
为什么我的下拉导航栏没有显示
- 5
为什么我的常规导航栏覆盖标题，而折叠的标题却没有？（引导程序/整页）
- 6
为什么我的引导导航栏不显示内联？
- 7
Bootstrap 导航栏切换器在我的网站上没有显示为按钮。引导程序有错误吗？
- 8
为什么我的活动没有显示？
- 9
为什么我的引导导航栏损坏
- 10
为什么我的Express应用程序中的导航栏上没有其他标签？
- 11
为什么我的嵌套导航栏没有正确下拉？
- 12
导航栏后退按钮没有显示？
- 13
为什么我的引导卡没有彼此相邻显示？
- 14
为什么我的引导程序输入没有填充空间？
- 15
为什么我的徽标隐藏在导航栏背景后面？引导程序
- 16
为什么我的网站没有显示侧面导航？
- 17
为什么在 .NET 应用程序中使用 @Html.ActionLink 的导航栏菜单没有按我的预期工作？
- 18
导航栏中间的徽标，没有引导程序
- 19
为什么我的所有导航栏链接上的课程都是“活动的”？
- 20
为什么我的按钮没有显示文字？
- 21
为什么我的导航栏无法正确折叠并显示下拉按钮？
- 22
我的引导程序按钮没有显示渐变或边框，而是全部显示为灰色
- 23
我的引导程序按钮没有显示渐变或边框，而是全部显示为灰色
- 24
Django注销按钮引导程序导航栏
- 25
为什么UIBarButtonItem中的UIButton没有显示在导航栏中？
- 26
为什么全天活动没有显示在Outlook待办事项栏中？
- 27
为什么我的导航栏选项/按钮彼此堆叠？
- 28
当您单击 Dock 中的“应用程序”按钮时，为什么 Gnome 顶部栏上的“活动”按钮会突出显示？
- 29
为什么我的btn反向引导程序按钮显示为灰色而不是黑色渐变？
我来说两句