ブートストラップのnavbar(以下のhtmlコード)でclass = "active"を動的に変更する方法が見つかりません。すべてのページに<nav>...</nav>
コードをすべて再入力して、すべての<li>
アイテムにclass = "active"と入力するか、別のnavbar.htmlファイルを作成してそれをすべてのページの先頭に含める方が良いかどうかを知りたかったファイルを作成し、それを変更するスクリプトやPHPコードを追加しますか? (私は方法を見つけることができません)。「アクティブ」クラスを動的に変更するか、各ページにナビゲーションバーを追加しますか?
一般に、2つのアプローチのどちらが優れていますか?
コード:
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Logo</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Contact</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
</ul>
</div>
</div>
</nav>
重複 - http://stackoverflow.com/questions/35427641/how-to-dynamically-set-the-active-class-in-bootstrap-navbar?rq=1 –
これは重複ではありません。 Stack Exchangeの多くのスレッドは、それを行う方法、いくつかのPHPといくつかのJS、それらのどれも私のコードのために働いていません。 私はどちらが良いのか尋ねました:すべてのページにナビゲーションバーをコピーするか、別のスレッドに表示されないように別のスレッドに表示されます。 – comparter
それから意見を求めています**間違いなくオフトピック** –