javascript - 显示/隐藏从一个页面重定向到另一页面的内容

Question

仍在学习基本的 php 和 jquery，但有点坚持一个想法:我有两个页面，在第二页上我有显示/隐藏 DIV，这里是 jsfiddle demo :

$('.navLink').on('click', function(e){
e.preventDefault();
var targetDiv = $($(this).attr('href'));
if(!targetDiv.is(':visible')){
    $('.page').slideUp().delay(300);
    targetDiv.slideDown();
}else{
    $('.page').slideUp().delay(500);
} });

我想要一个从第一页 (page1.html) 到第二页 (page2.html) 的链接，因此使用 page2.html#div1 之类的选项它将打开选定的 #div 。我尝试过用 jsfiddle 来锻炼:

window.addEventListener("hashchange", function(){    
var targetDiv = $(location.hash);    
if(!targetDiv.is(':visible')){$('.page').slideUp();targetDiv.slideDown();}
else{$('.page').slideUp();} }, false);

但是当您给出指向某个链接的链接并且根本无法在某些 chrome 版本上运行时，它就无法正常工作...

有更好的想法吗？

提前致谢!

Answer 1

在可以调用的地方定义 hashchange 处理程序，然后在页面加载时如果 location.hash 不为空则调用它。 像这样的事情:

window.onhashchange=function(){    
    var targetDiv = $(location.hash);    
    if(!targetDiv.is(':visible')){$('.page').slideUp();targetDiv.slideDown();}
    else{$('.page').slideUp();}
};
if(window.hash!="") window.onhashchange();

http://jsfiddle.net/Lgyagand/2