Question

我有2个html页面..第一页是Header.html，有2个链接（地址簿，mybook）。我的第二页是Main-body.html，其中包含Addressbook和mybook的标签。由于它们都是不同的页面，我如何设法使用第一页上的链接打开选项卡..

示例：header.html＆gt; （链接）地址簿＆gt; main-body.html＆gt;（打开标签地址簿）

header.html＆gt; （链接）myorder＆gt; main-body.html＆gt; （打开标签mybook）使用jquery ..

Answer 1

您可以使用hashchange事件，并使用hash直接导航到您的内容选项卡，如下所示：

$(function() {
    // First hide all content element
    $("#xxx,#yyy").hide();
	
    $(window).on("hashchange", function(e){    
		// Hide all content elements
       	$("#xxx,#yyy").hide();
        
        // Show only the desired element
       	$(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>

Answer 2

如我所见，您希望在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。根据值，您可以显示不同的选项卡。

链接到打开另一个选项卡的其他页面

2 个答案: