2017-08-29 53 views
-1

我想更改感謝頁面上JavascriptHTML鏈接。我甚至嘗試將感謝頁面上所有相應頁面的HTML鏈接更改爲index.html/javascript:goTo(XXXX),但它不起作用。在主登錄頁面使用Javascript進行菜單導航。問題

如何更改鏈接,以便我可以將謝謝頁面鏈接到相應頁面?順便說一下,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函數GOTO

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; 

    } 

回答

0

如果您只需要知道該頁面顯示哪一部分,則可以嘗試發送像index.html#home一樣的散列值。然後在index.html中用javascript獲取散列的值,例如window.location.hash並基於該顯示/隱藏適當的部分。

不知道這是你的問題,但我希望它可以幫助你給你一些想法。