Jquery显示/隐藏在另一个页面中

我有2个html页面

在第1页中有2个链接“link1”和“link2”

在第2页中还有2个链接“link1”和“link2”以及2

＆

＆

正在使用jquery显示/隐藏

我想当用户点击page1中的link1时它将转到第2页并显示div“id = pan1”，当用户点击page1中的link2时，它将转到第2页并显示div“id = pan2”。

这是第1页的html代码

 
 
Link 1
 
Link 2
  

这是第2页的代码

HTML

 
 
Link 1
 
2
 
 
div 1
 
div 2 

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：

 
 
Link 1
 
Link 2
  

第2页HTML：

 
 
Link 1
 
2
 
 
div 1
 
div 2 

第2页JS：

 $(function() { var anc = window.location.href.split('#')[1]; $('#' + anc + '.switchgroup').show(); $('a.panlink').click(function() { $('.switchgroup').hide(); $($(this).attr('href')).show(); }); }); 

CSS：

 .switchgroup { display: none; } 

Answer 2

我不认为您可以创建在其他页面上实现的function，但在您的情况下，您可以使用参数：

当您提供第二页（重定向到第二页）时添加查询字符串参数，或通过表单的参数（Post / Get）。 在JQuery的ready函数中添加隐藏/显示代码。

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