2015-09-21 256 views
-1

我有2個html頁面。第一頁是帶有2個鏈接(addressbook,mybook)的Header.html。我的第二頁是Main-body.html帶有地址簿和mybook的選項卡。因爲它們都是不同的頁面,我怎麼能管理,打開使用的第一頁上的鏈接標籤..鏈接到打開另一個標籤頁的其他頁面

例如:header.html中>(鏈接)地址簿>主body.html>(打開的選項卡地址簿)

了header.html>(鏈接)myorder>主body.html>(打開的選項卡mybook) 使用jQuery ..

+1

你已經做了什麼?並粘貼你的代碼? –

+1

其實問題是什麼? – somethinghere

+0

對不起..讓我詳細說明我的問題..我想打開我的第二頁,使用第一頁上的第二個鏈接顯示第二個標籤.. 我還沒有爲這個問題做過任何JS ..仍然在做 –

回答

2

您可以使用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>

+0

thx爲響應夥計。生病嘗試你的解決方案:) –

0

正如我所看到的,您希望在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。根據值,您可以顯示不同的選項卡。

+0

THX爲響應球員..即使我沒有發佈我的HTML結構..其實我仍然試圖發佈我的HTML在這裏,但我不知道我把它放在哪裏.. 生病嘗試你的迴應使用你的HTML ..謝謝.. –

+0

你對我想做什麼的權利..擁有與標籤小部件主體,並希望與其他網頁上的鏈接控制它..謝謝:) –

相關問題