如何通过另一个选定的选项卡或链接强制选择选项卡

时间:2011-12-10 20:11:04

标签: jquery hash tabs

我有一个问题,请转到www.provisiontree.com。这是单页网站。我的问题是:

  1. 在主导航中,当我点击任何一个标签时,它被选中并找到他们各自的内容/页面。但是当我点击主页上的“查看我们的解决方案并且更多地了解我们”时。我到达了相应的内容/页面。但是我无法选择相应的主要标签。例如,如果我点击“查看我们的解决方案”带我到解决方案页面,但没有选择主导航“解决方案”选项卡。我使用相同的方法和ID“解决方案和查看我们的解决方案”选项卡。

    当我点击视图我们的解决方案选项卡时,它已被选中,但由于z-index,它与解决方案页面内容重叠。

    使用我在网上找到的以下代码并对其进行修改:

    jQuery(document).ready(function() {
    
        $(".allbox").hide(); //Hide all content 
        $("ul.nav li:first, ul.nav1 li:first").addClass("current").show();
         //Activate first tab
        $(".allbox:first").show(); //Show first tab content
        //On Click Event
        $("ul.nav li, ul.nav1 li").click(function(e) {
            $("ul.nav li, ul.nav1 li").removeClass("current"); //Remove any "active" class
            $(this).addClass("current"); //Add "active" class to selected tab
            id = $(this).attr("id");
            if (id == "nav2") {
                $("#nav2").addClass("current");
            }
            if (id == "nav3") {
                $("#nav3").addClass("current");
            }
            $(".allbox").hide(); //Hide all tab content
            var currentTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
            $(currentTab).fadeIn(); //Fade in the active ID content
            return false;
        });
    });
    

    我怎样才能实现这个目标。

    寻求帮助......提前致谢。

0 个答案:

没有答案