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函数中添加隐藏/显示代码。

从我了解你的问题，这应该做的工作。