メインリンク先ページのJavascriptによるメニューナビゲーション。トラブル

Question

HTMLリンクをJavascriptにありますように変更します。私はindex.html/javascript:goTo(XXXX)に、それぞれのページのすべてのページのHTMLリンクを変更しようとしましたが、動作しません。

私は幸福なページをそれぞれのページにリンクするためにリンクをどのように変更しますか？ちなみに、indexページとthankyouページは同じHTMLテンプレートを使用しています。コードは以下のようにここに示されています。

index.htmlを

<div id="preloader"></div> 

<div id="menu-wrap"> 

    <ul class="slimmenu"> 
     <li> 
      <a href="javascript:goTo('home');">home</a> 
     </li> 
     <li> 
      <a href="javascript:goTo('about');">about us</a> 
     </li> 
     <li> 
      <a href="javascript:goTo('services');">What We Do</a> 
     </li> 
    </ul> 

</div> 

thankyou.html

<div id="preloader"></div> 

<div id="menu-wrap"> 

    <ul class="slimmenu"> 
     <li> 
      <a href="javascript:goTo('home');">home</a> 
     </li> 
     <li> 
      <a href="index2.html">about us</a> 
     </li> 
     <li> 
      <a href="index2.html">What We Do</a> 
     </li> 
    </ul> 
</div> 

のJavascript機能後藤

function goTo(id){ 
     var obj = eval("colors."+id); 

     $("body").css("background",obj.background); 
     $("ul.slimmenu li a").css("color",obj.background); 
     if(obj.index > currentIndex){ 
      $(".active").addClass("off"); 
      $(".active").transition({ 
       x : -100, 
       opacity : 0, 
       zIndex : 0 
      },600); 

      $("#"+currentId).removeClass("active"); 

      $("#"+id).addClass("active"); 
      $("#"+id).transition({ 
       perspective: '100px', 
       rotate3d: '1,1,0,90deg' 
      },0,function(){ 
       $("#"+id).removeClass("off"); 
       $("#"+id).transition({ 
        rotate3d: '0,0,0,0deg', 
       x : 0, 
        opacity : 1, 
        zIndex : 2 
       },600); 
      }); 
     }else if(obj.index < currentIndex){ 
      $(".active").addClass("off"); 
      $(".active").transition({ 
       x : 100, 
       opacity : 0, 
       zIndex : 0 
      },600); 
      $("#"+currentId).removeClass("active"); 


      $("#"+id).addClass("active"); 
      $("#"+id).transition({ 
       perspective: '100px', 
       rotate3d: '1,1,0,-90deg' 
      },0,function(){ 
       $("#"+id).removeClass("off"); 
       $("#"+id).transition({ 
        rotate3d: '0,0,0,0deg', 
       x : 0, 
        opacity : 1, 
        zIndex : 2 
       },600); 
      }); 
     } 
     currentIndex = obj.index; 
     currentId = id; 

    } 

Answer 1

そのページに表示するセクションを知るだけであれば、index.html#homeのようにハッシュ値を送信してみることができます。次にindex.htmlでjavascriptを使ってhashの値を取得します。 window.location.hashとそれに基づいて適切なセクションを表示/非表示にします。

これが問題の原因であるかどうかはわかりませんが、私はそれがあなたにいくつかのアイデアを与えるのに役立つことを願っています。