2016-08-28 9 views
-1

я включаю свой заголовок на каждой странице, как этогоИзменения внешнего заголовка HTML активного

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

Jquery код Моего выглядит так

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

который находится в нижней части моего index.php. Возникающая проблема заключается в том, что когда я нажимаю директорию (или домой), граница (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 указал, что вы, возможно, просто переходите на другую страницу, поэтому вы освобождаете все CSS-приложения, применяемые javascript. Однако ваш вопрос довольно неясен, и я думаю, что вы должны прочитать больше о теме HTTP перед публикацией здесь. – adrian7

+0

@Whothehellisthat Я хочу: активно работать. Когда я нажимаю на дом или в каталог, он: active работает в течение небольшого промежутка времени, а затем исчезает. Я мог бы исправить это, не имея внешнего заголовка и просто добавляя активный класс к каждой ссылке, но я предпочел бы, чтобы заголовок был в отдельном файле. – Marc

ответ

1

Причина заключается в том, что вы нажимаете на ссылку, чтобы вы подаете класс, но вы также покидаете страницу (поэтому класс удален)

Смежные вопросы