链接到打开另一个标签页的其他页面

-1

我有2个html页面。第一页是带有2个链接（addressbook，mybook）的Header.html。我的第二页是Main-body.html带有地址簿和mybook的选项卡。因为它们都是不同的页面，我怎么能管理，打开使用的第一页上的链接标签..链接到打开另一个标签页的其他页面

例如：header.html中>（链接）地址簿>主body.html>（打开的选项卡地址簿）

了header.html>（链接）myorder>主body.html>（打开的选项卡mybook）使用jQuery ..

来源

2015-09-21 John Christopher Eniego

你已经做了什么？并粘贴你的代码？ –

其实问题是什么？ – somethinghere

对不起..让我详细说明我的问题..我想打开我的第二页，使用第一页上的第二个链接显示第二个标签.. 我还没有为这个问题做过任何JS ..仍然在做 –

您可以使用hashchange事件，并使用哈希直接导航到您的内容如下所示：

$(function() { 
 
    // First hide all content element 
 
    $("#xxx,#yyy").hide(); 
 
\t 
 
    $(window).on("hashchange", function(e){  
 
\t \t // Hide all content elements 
 
     \t $("#xxx,#yyy").hide(); 
 
     
 
     // Show only the desired element 
 
     \t $(location.hash).show(); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<a href="#xxx">xxx</a> 
 
<a href="#yyy">yyy</a> 
 

 
<p id="xxx"> 
 
    xxx 
 
</p> 
 
<p id="yyy"> 
 
    yyy 
 
</p>

来源

2015-09-21 11:40:16 xxxmatko

thx为响应伙计。生病尝试你的解决方案:) –

正如我所看到的，您希望在main-body.html上有一个选项卡式设计。在这种情况下，我会使用锚点：

<ul> 
    <li><a href="main-body.html#addressbook">Address Book</a></li> 
    <li><a href="main-body.html#mybook">My Order</a></li> 
<ul>

然后，您需要使用JavaScript处理achor。根据值，您可以显示不同的选项卡。

来源

2015-09-21 11:42:17 meskobalazs

THX为响应球员..即使我没有发布我的HTML结构..其实我仍然试图发布我的HTML在这里，但我不知道我把它放在哪里.. 生病尝试你的回应使用你的HTML ..谢谢.. –

你对我想做什么的权利..拥有与标签小部件主体，并希望与其他网页上的链接控制它..谢谢:) –

链接到打开另一个标签页的其他页面

回答

相关问题