Jquery 使用页面刷新突出显示asp.net母版页中的选定选项卡

我试图做一件很简单的事，但没有成功。我有一个asp.net网站，有一个母版页和两个子页。母版页上的这些子页有两个选项卡。默认情况下会选择一个，此时可以正常工作。当我点击第二个选项卡时，它成功地选择了下面的代码，但立即页面刷新，它再次选择第一个默认选项卡（每当页面刷新时）。我也使用event.preventDefault（），但它不起作用

所以我的问题很简单，当我点击选中的标签时，如何突出显示它，即使页面刷新，谢谢

请查看以下代码：-

<style type="text/css">
               #header #toplevel-bar li.current {
                padding: 8px 7px 8px 7px;
                background-image: url("/include/images/button_back.jpg");
                border-radius: 5px 5px 0px 0px;
                color: white;
                text-decoration: none;
            }
 </style>

<script type="text/javascript">

    $(document).ready(function () {
        $("#header #toplevel-bar ul li").click(function (event) {
            //event.preventDefault();
            $("#header #toplevel-bar ul li").removeClass("current");
            $(this).addClass("current")
         })
  })

 </script>

<div id="toplevel-bar">

        <ul>
             <li class="current"><a href="Default.aspx">Home</a></li>
             <li><a href="products.aspx">Products</a></li>
             <li><a href="Default.aspx">Services</a></li>
        </ul>

</div>

#标题#顶层栏li.current{
填充：8px 7px 8px 7px；
背景图片：url（“/include/images/button_back.jpg”）；
边界半径：5px 5px 0px 0px；
颜色：白色；
文字装饰：无；
}
$（文档）.ready（函数（）{
$（“#标题#顶层栏ul li”）。单击（函数（事件）{
//event.preventDefault（）；
$（“#页眉#顶层栏ul li”）.removeClass（“当前”）；
$（此）.addClass（“当前”）
})
})

由于您的页面在单击链接时会刷新，因此无法向其中添加类。请尝试检查url并将其与可用菜单集相匹配。类似的操作可能会帮助您

      var href = window.location.href;
      var lastSegment = href.substr(href.lastIndexOf('/') + 1);  
      $("ul > li a[href$='" + lastSegment + "']").addClass("current");

---

此代码（var href=window.location.href）提供的是上一页，而不是我单击的当前页。因此，我如何在单击选项卡时获取当前页面，谢谢。我也使用了此选项（var tab=$（this）.attr（“href”），但它给出了未定义的错误。请帮助我获取单击的选项卡或url。单击时页面是否会刷新。。？？