為什么我的引導導航欄不顯示活動按鈕？

Question

我正在嘗試第一次使用引導程序，並且我了解我需要在頭部鏈接js和樣式表，這是在主頁面btw中。 我做到了，並且應該將活動類設置為單擊的頁面。 我不確定自己在做什么錯，如果這是我不知道的簡單解決方案，則對不起。

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

Answer 1

<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。 工作實例

為什么我的引導導航欄不顯示活動按鈕？

問題描述

1 個解決方案

解決方案1
0 已采納 2017-07-12 14:24:18

為什么我的引導導航欄不顯示活動按鈕？

問題描述

1 個解決方案

解決方案1 0 已采納 2017-07-12 14:24:18

解決方案1
0 已采納 2017-07-12 14:24:18