更改外部HTML标头有效

时间:2016-08-28 15:08:01

标签: javascript jquery twitter-bootstrap-2

我在每个页面中都包含我的标题

<?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有效)在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;
}

1 个答案:

答案 0 :(得分:1)

原因是您点击了一个链接,因此您正在申请该课程,但您也将离开该页面(这就是该课程被删除的原因)