根据url路径使用#标签在同一屏幕上切换选项卡

时间:2014-12-18 16:02:20

标签: javascript jquery dom

在我们的网站上,我们在不同的屏幕上提供了不同的网站成员内容,可以通过不同标签的切换功能进行更改。

一个。所以当会员点击不同的标签按钮时,其工作正常&根据切换按钮显示不同的屏幕。

湾但是这个标签的切换不能自动根据URL工作(我们要求在直接URL输入时根据URL在适当的屏幕上借出成员。)

例如。http://example.com/membername#activity

应该显示成员活动的屏幕        http://example.com/membername#answers应显示会员回答的屏幕

为此,我使用了这段代码,但它不能正常工作

    <script type="text/javascript">

window.onload=function(){

    var a = document.createElement('a');
    a.href = document.URL;
    if(a.hash=='#profile' || a.hash=='')
    {
        tog1(); 
    }

    else if(a.hash=='#case_studies')
    {
        tog2(); 
    }
    else if(a.hash=='#answers')
    {
        tog3(); 
        giveAnswers();
    }
        else if(a.hash=='#activity')
    {
        tog4(); 
    }

    else
    {
        tog5();
    }
}
</script>

这些tog1(),tog2()...是切换屏幕的功能,它正在按下按钮但不是我们自动要求的,请分享您的建议以帮助我。

感谢!!!!!!!

0 个答案:

没有答案