个人中心
gpt4 book ai didi

javascript - 为什么我的 Bootstrap 导航栏不显示事件按钮？

转载 作者：行者123 更新时间：2023-11-28 03:24:25 24 4
gpt4 key购买 nike

what the navbar looks like

我是第一次尝试使用 Bootstrap ，我知道我需要在头部链接 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>

https://pastebin.com/nBKYaRzh

此代码在此处无法正确格式化，因此我不得不将其发布到 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。 working example

关于javascript - 为什么我的 Bootstrap 导航栏不显示事件按钮？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45060175/

24 4 0
文章推荐： C++ 删除包含新结构数组的新结构数组的正确方法？
文章推荐： javascript - 循环遍历 DOM 元素和子元素来创建 JS 数组 - 无法理解实现此目的的最佳方法
文章推荐： javascript - 为 child 停用 angular2-draggable
文章推荐： javascript - Crypto++ 低级 AES API(a la SJCL)