2016-08-28 6 views
-1

私はこの変更外部HTMLヘッダーアクティブ

<?php include('header.php'); ?> 

のようにすべてのページで私のヘッダーを含める私のjqueryのコードは、私のindex.phpの一番下にあるこの

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 

<script type="text/javascript"> 
    $('.nav').on('click', 'li', function(){ 
     $('.nav li').removeClass('active-nav'); 
     $(this).addClass('active-nav'); 
    }); 
</script> 

のように見えます。問題は、私がディレクトリ(または家庭)を押すと、境界(css active)が0.5秒の間そこにあり、それが消えるということです。

ここ理由はあなたが適用しているので、あなたがリンクをクリックされていることであるheader.phpのとのmain.css内のコード(その一部)

<ul class="nav navbar-nav"> 
    <li><a href="index.php"><span class="glyphicon glyphicon-home"></span><span class="sr-only">Home</span></a></li> 
    <li><a href="directory.php"><span class="glyphicon glyphicon-th"></span> Directory</a></li> 
</ul> 

+

.navbar .active-nav { 
border-bottom: 3px solid #4b7eb4; 
} 
+0

あなたは何をしたいのか、何が問題なのか不明です。あなたの説明でもっと明確になりますか?多分、スクリーンショットを表示するか、それが起こっているサイトへのリンクを私たちに与えるでしょうか?実際に心配する必要のあるPHPはないので、静的なバージョンをホストするだけですみます。 – Whothehellisthat

+0

@Darioは、別のページに移動している可能性があることを指摘しています。そのため、javascriptで適用されたCSSのすべてが緩んでいます。しかし、あなたの質問はかなり不明で、私はあなたがここに投稿する前にHTTPのテーマについてもっと読むべきだと思います。 – adrian7

+0

@Whaughhellisthat私はしたい:働くためにアクティブ。私は家やディレクトリを押すと:アクティブな作品は、少しの時間のために消えます。私は外部ヘッダーを持たず、アクティブなクラスを各リンクに追加するだけでこれを修正できますが、ヘッダーを別のファイルに入れることになります。 – Marc

答えて

1

ですクラスも削除されます(そのため、クラスは削除されます)

関連する問題