6

タブ ナビゲーション リンク (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");
      }
    });            
 })

ページ リンクとタブ リンクは機能ごとに正しく強調表示されましたが、現在のタブ (ページ リンクをクリックした後) と現在のページを同時に強調表示するにはどうすればよいですか? 上記の機能は使えますか？

ありがとう！

4

1 に答える 1

1

はい、同じ関数を使用できます。関数をバインドして上記の関数をページリンクタグに呼び出すだけです。たとえば、html要素にIDを指定して、<Div id="myId"></Div> これを試してください。

$("myId").live('click',function(){
  // call whichever function you want to
 }) ;
于 2012-08-29T06:38:56.367 に答える