javascript - 在 jquery 中突出显示页面和匹配选项卡

Question

我有一个标签导航链接（tab1，tab2，tab3），页面底部有每个标签的页面链接导航。

对于标签突出显示

$(document).ready(function(){
  var str=location.href.toLowerCase();
     $(".tabs li a").each(function() {
         if (str.indexOf(this.href.toLowerCase()) > -1  ) {
            $("li.highlight").removeClass("highlight");
            $(this).parent().addClass("highlight");
         }
      });
})

用于页面突出显示

$(document).ready(function(){
   var str=location.href.toLowerCase();
   $(".paging li a").each(function() {
      if (str.indexOf(this.href.toLowerCase()) > -1  ) {
        $("li.hp").removeClass("hp");
        $(this).parent().addClass("hp");
      }
    });            
 }) 

尽管每个功能都正确突出显示了页面链接和选项卡链接，但如何同时突出显示当前选项卡（单击页面链接后）和当前页面？我可以使用上述功能吗？

谢谢！

Answer 1

是的，您可以使用相同的函数，只需绑定一个函数来调用上述函数到页面链接标签给一个 id 到一个 html 元素，例如<Div id="myId"></Div> ，试试这个

$("myId").live('click',function(){
  // call whichever function you want to
 }) ;