ブートストラップナビバーにアクティブなボタンが表示されないのはなぜですか？

これはところで、マスターページにある、私は初めてのブートストラップを使用しようとしていると私は、私は頭の中で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

私はペーストビンにそれを投稿していたので、このコードは、ここでは、適切にフォーマットしないでしょう。

出典

2017-07-12 dvs

各ボタンは新しいURLです。これは、aspがHTMLコンテンツを生成し、specificaクラスを追加したときに表示されます。 –

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

ブートストラップとjQueryを追加することを忘れないでください。 working example

出典

2017-07-12 14:24:18 hansTheFranz

最初のコード部分はどこで実装しますか？ – dvs

あなたのテンプレートのどこかに ''があるはずです。そのスクリプトタグの間のどこかにドット（ "..."があるところ）がです。私はあなたがそれをチェックアウトできる投稿を編集します。おそらく '$（document）.ready（function（）{'最初に – hansTheFranz

@dvsが必要です.2番目のコードもスクリプトタグの間に入れなければなりません;） – hansTheFranz

ブートストラップナビバーにアクティブなボタンが表示されないのはなぜですか？

答えて

関連する問題