Question

当我在特定的链接页面时，我正在尝试将这些选项卡设置为激活。我是网页设计的新手。任何人都知道如何做到这一点？这是我的HTML代码。

  <div id="top">
       <ul class="nav nav-tabs">
           <li class="active"><a href="index.php">Home</a></li>
           <li><a href="history.php">History</a></li>
           <li><a href="leader.php">Leaderboard</a></li>
           <li><a href="talk.php">Comments</a></li>
       </ul>
  </div>

Answer 1

如果href与当前页面的URL匹配，请使用此javascript将活动类添加到父li：

<script type="text/javascript">
    jQuery(document).ready(function($){
        var url = window.location.href;
        $('.nav a[href="'+url+'"]').parent().addClass('active');
    });
</script>

Answer 2

如果您使用的是php，那么使用PHP服务器端比使用Javascript更好...

See this question for one solution

如何使当前选项卡显示为活动状态？

2 个答案: