在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

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

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