我有一个问题,请转到www.provisiontree.com。这是单页网站。我的问题是:
在主导航中,当我点击任何一个标签时,它被选中并找到他们各自的内容/页面。但是当我点击主页上的“查看我们的解决方案并且更多地了解我们”时。我到达了相应的内容/页面。但是我无法选择相应的主要标签。例如,如果我点击“查看我们的解决方案”带我到解决方案页面,但没有选择主导航“解决方案”选项卡。我使用相同的方法和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;
});
});
我怎样才能实现这个目标。
寻求帮助......提前致谢。