Ссылка на другую страницу, открывающие другие вкладки

Question

У меня есть 2 html-страницы .. первая страница Header.html с 2 ссылками (адресная книга, mybook). Моя вторая страница - Main-body.html имеет вкладки с адресной книгой и моей книгой. Поскольку оба они разные страницы, как я могу управлять, чтобы открыть вкладки с помощью ссылки на первой странице ..

пример: header.html> (ссылка) Addressbook> Основной-body.html> (открытая вкладка Addressbook)

header.html> (ссылка) myorder> основной-body.html> (открытая вкладка MyBook) с помощью JQuery ..

Answer 1

Вы можете использовать событие 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>

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. В зависимости от значения вы можете отобразить другую вкладку.