重新加载页面后存储活动列表选择

Question

即使在刷新页面后，我也需要确保选中列表项。这是代码：

 <style>
    li a.selected 
      {
        color: red;
      } 
  </style>


   <ul>
      <li><a href="arasu.php?something_dynamically">test</a></li>
      <li><a href="arasu.php?something_dynamically">test 1</a></li>
      <li><a href="arasu.php?something_dynamically">test 2</a></li>
   </ul>

Answer 1

如果我对你的问题的理解正确，你可能想尝试这样的事情：

<ul>
  <li><a href="arasu.php?item=1" <?php if($_GET['item'] == 1):?>class="active"<?php endif;?>>test</a></li>
  <li><a href="arasu.php?item=2" <?php if($_GET['item'] == 2):?>class="active"<?php endif;?>>test 1</a></li>
  <li><a href="arasu.php?item=3" <?php if($_GET['item'] == 3):?>class="active"<?php endif;?>>test 2</a></li>
</ul>

Answer 2

如果你想区分访问过的锚标签<a>那么你需要:visited选择器CSS。您可以使用 CSS 默认 :visited 选择器，而不是在 css 中给它一个 class，如下所示：

li a:visited
{
    color: red;
}

重新加载页面后存储活动列表选择

Store active list selection after reloading the page

php

jquery

ajax

list

listitem