я включаю свой заголовок на каждой странице, как этогоИзменения внешнего заголовка 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;
}
Неясно, что вы имеете в виду, что вы хотите, и в чем проблема. Не могли бы вы объяснить свои объяснения? Может быть, показать скриншоты или дать нам ссылку на сайт, в котором он происходит? Вы должны иметь возможность разместить статическую версию, так как нет php, о которой нам нужно действительно беспокоиться. – Whothehellisthat
как @Dario указал, что вы, возможно, просто переходите на другую страницу, поэтому вы освобождаете все CSS-приложения, применяемые javascript. Однако ваш вопрос довольно неясен, и я думаю, что вы должны прочитать больше о теме HTTP перед публикацией здесь. – adrian7
@Whothehellisthat Я хочу: активно работать. Когда я нажимаю на дом или в каталог, он: active работает в течение небольшого промежутка времени, а затем исчезает. Я мог бы исправить это, не имея внешнего заголовка и просто добавляя активный класс к каждой ссылке, но я предпочел бы, чтобы заголовок был в отдельном файле. – Marc