当前项目(活动)突出显示不起作用

时间:2015-07-19 02:49:15

标签: javascript php jquery css

当我的网页网址标记为#时,我当前的项目突出显示工作就像一个魅力。   当我创建实际的php文件到其他静态页面并更改href内的链接时,突出显示不再起作用。我该怎么办?

HTML:

<DOCTYPE! html>
<html>
<head>
    <title>TESTLEHT</title>
    <link rel="stylesheet" href="style.css" type="text/css" >
    <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>

</head>
<body>

<div class="naviwrap"><?php include("includes/menu.php"); ?></div>

<div class="clear"></div>

<div class="content"></div>

<div class"footer"><?php include("includes/footer.php"); ?></div>


<script src="scripts.js" type="text/javascript"></script> 

</body>
</html>

包含menu.php文件:

<nav class="menu">
       <ul class="clearfix">
          <li id="linkone" class="jlist" data-linkid="link1"><a href="index.php">Avaleht</a></li>
          <li id="linktwo" class="jlist" class="current-item" data-linkid="link2"><a href="meist.php">Meist</a></li>
          <li id="linkthree" class="jlist" data-linkid="ink3"><a href="tooted.php">Tooted</a></li>
          <li id="linkfour" class="jlist" data-linkid="link4"><a href="galerii.php">Galerii</a></li>
          <li id="linkfive" class="jlist" data-linkid="link5"><a href="kontakt.php">Kontakt</a></li>

       </ul>
</nav>

的CSS:

.menu {
  width: 100%;
  margin: 0px auto;
}

.menu li {
  margin-top: 3.2%;
  list-style-type: none;
  font-family: Khmer UI;
}

.menu a {
  transition: all linear 0.30s;
  color: #ABABAB;
  font-size: 16px;
  text-decoration: none;
}

.menu li:hover > a, .menu .current-item > a {
  text-decoration: none;
  color: red;
}

.menu li:active > a, .menu .current-item > a {
    color: red;
}

.menu > ul > li {
  float: left;
  display: inline-block;
  position: relative;
  font-size: 105%;
}

.menu > ul > li > a {
  padding: 15px 45px;
  margin-top: 15px;
}

.menu > ul > li:hover > a, .menu > ul > .current-item > a {
  color: #282828;
}

最后jquery代码在我更改html中的href链接之前有效:

$(function(){

  $('.jlist').click(function() {

    $('.jlist').removeClass('current-item');

    $(this).addClass('current-item');     

  });

});

1 个答案:

答案 0 :(得分:0)

您的问题是,当点击链接并且脚本将重新运行时,将加载新页面。

您可以在php中设置类,因为您知道哪个控制器正在加载