如果页面加载了锚点,那么

时间:2013-04-23 12:51:24

标签: jquery anchor

我在我的网站上使用jmpress.js,您可以使用以下锚点获取特定内容/幻灯片:index.htm#/ slide1,index.htm#/ slide2等

我也在使用像

这样的代码
$('.click').click(function () {
    $(".menu").animate({ top: '+=100' });
    $("#logo").fadeToggle();
});

在到达另一张幻灯片时显示和隐藏不同的内容(如果用户点击“.click”,则另一张幻灯片从底部进入,替换主页)。 这显然只有你总是从“开始”页面开始(没有任何锚点)。

但是当您使用url index.htm#/ slide1直接访问该页面时,这两个项目显然不再显示或隐藏 - 它们应该在用户位于除起始页面之外的任何站点时自动显示。 有没有一种简单的方法(我不知道编码)呢?

所以基本上是这样的:

IF anchor #slide1, #slide2 {
    $(".menu").animate({ top: '+=100' });
    $("#logo").fadeToggle();
});

1 个答案:

答案 0 :(得分:2)

if (window.location.hash){
      var hash = window.location.hash.substring(1);
      if (hash == "slide1" || hash == "slide2"){
         $(".menu").animate({ top: '+=100' });
         $("#logo").fadeToggle();
      }
}

http://curtistimson.co.uk/js/reading-url-hashtag-values/