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

时间:2012-08-29 06:24:55

标签: javascript jquery hyperlink

我有一个标签导航链接(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");
      }
    });            
 }) 

虽然每个功能都正确突出显示了页面链接和标签链接,但如何突出显示当前标签(点击页面链接后)和当前页面?我可以使用上述功能吗?

谢谢!

1 个答案:

答案 0 :(得分:1)

是的,你可以使用相同的函数绑定一个函数来调用上面的函数到页面链接标记 给一个html元素一个id 例如<Div id="myId"></Div> 并尝试这个

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