jQuery的顯示/隱藏在另一頁

Question

我有2個html頁面

在1有2個鏈接 「鏈接1」 & 「鏈接2」

在第2頁也有2個鏈接「鏈接1" & 「鏈接2」，以及2 <div id="pan1"> & <div id="pan2"><div id="pan1">

& <div id="pan2">正在工作，顯示/隱藏與jque ry

我想要當用戶點擊page1中的link1時，它會轉到第2頁，div將顯示「id = pan1」，當用戶點擊page1中的link2時，它將轉到第2頁和div「id = pan2「將顯示。

這裏是第1頁

<ul class="linkList"> 
<li><a href="#pan1">Link 1</a></li> 
<li><a href="#pan2">Link 2</a></li> 
</ul> 

這裏的HTML代碼2頁的代碼

HTML

<ul class="linkList"> 
<li><a href="#pan1">Link 1</a></li> 
<li><a href="#pan2">2</a></li> 
</ul> 
<div id="pan1" class="switchgroup" style="padding:10px; background-color:#060">div 1</div> 
<div id="pan2" class="switchgroup" style="padding:10px; background-color:#936">div 2</div> 

CSS

#pan1, #pan2{ 
    display:none; 
} 

的jQuery

$(document).ready(function(){ 
    $('#pan1').show(); 
    $('.linkList li:first-child a').addClass('active'); 
    $('.linkList li a').click(function() { 
     var tabDivId = this.hash;        

     $('.linkList li a').removeClass('active'); 
     $(this).addClass('active'); 
     //console.log(tabDivId); 
     $('.switchgroup').hide(); 
     $(tabDivId).fadeIn(); 
     return false; 
    }); 
}); 

Answer 1

這應該給你一個如何去做的一般想法。請注意我沒有測試過這個代碼，所以它可能會有一些小問題。

1個HTML：

<ul class="linkList"> 
    <li><a href="page2.html#pan1">Link 1</a></li> 
    <li><a href="page2.html#pan2">Link 2</a></li> 
</ul> 

第2頁HTML：

<ul class="linkList"> 
    <li><a href="#pan1" class="panlink">Link 1</a></li> 
    <li><a href="#pan2" class="panlink">2</a></li> 
</ul> 
<div id="pan1" class="switchgroup">div 1</div> 
<div id="pan2" class="switchgroup">div 2</div> 

第2個JS：

$(function() { 
    var anc = window.location.href.split('#')[1]; 
    $('#' + anc + '.switchgroup').show(); 

    $('a.panlink').click(function() { 
     $('.switchgroup').hide(); 
     $($(this).attr('href')).show(); 
    }); 
}); 

第2頁CSS：

.switchgroup { display: none; } 

Answer 2

我不認爲你可以創建功能要在其它網頁中實現，但在你的情況下，你可以使用參數：

當你提供第二頁的（重定向到第二頁）添加查詢字符串參數或表單參數（Post/Get）。並在JQuery的ready函數中添加隱藏/顯示代碼。

從我瞭解你的問題，這應該做的工作。