Question

几个月前我为我的客户建了一个网站，当用户点击导航链接时，新内容将会滑动显示，旧内容将被隐藏。我还让客户成为一个网上商店，他希望链接到他的主站点图库。但是，由于该网站实际上只有一页内容充满了内容，并且新内容通过javascript显示，因此键入http://yoursite.com/#gallery实际上会加载第一页。是否可以做类似

的事情

$(document).ready(function(){
   $(page).load(function(){
      $('#page1').slideUp();
      $('#page2').slideUp();
   });
});

并根据键入的地址显示想要的内容？

Answer 1

$(function(){
   if (document.location.hash == '#gallery') {
       $('#gallery').show();
   }
});

Answer 2

$(function(){
    var activePage = window.location.hash;  // Gets the active page via location hash
    $('[id^="page"]').not(activePage).slideUp();  // Slides up all inactive pages
    $(activePage).slideDown();  // Slides down the active page
});

如果地址是x，运行脚本？

2 个答案: