在主要着陆页上使用Javascript进行菜单导航。故障

时间:2017-08-29 02:29:22

标签: javascript html

我想更改感谢页面上HTML中的Javascript链接。我甚至尝试将thankyou页面上所有相应页面的HTML链接更改为index.html/javascript:goTo(XXXX),但它无效。

如何更改链接以便将thankyou页面链接到相应的页面?顺便说一下,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;

    }

1 个答案:

答案 0 :(得分:0)

如果您只需要知道该页面中显示哪个部分,您可以尝试像index.html#home一样发送哈希值。然后在index.html中使用javascript获取hash的值,例如window.location.hash并在此基础上显示/隐藏相应的部分。

不确定这是不是您的问题,但我希望它能为您提供一些想法。