根据URL中的锚标记激活链接点击页面加载

时间:2014-03-21 20:58:39

标签: javascript jquery

我在页面上有一组链接,点击后会启动一个灯箱式弹出窗口(特别是几种语言的a issuu smartlook pdfs)。我试图找出一种方法,使这些方法在页面加载时自动打开,但只有当网址中有锚标记时。

example.com/page 会正常加载页面
example.com/page#english 会在页面加载时弹出英文版本
example.com/page#french 会弹出法语版本,依此类推。

2 个答案:

答案 0 :(得分:0)

可以使用jquery检查window.location上的哈希值,并根据它做一些事情:

$( document ).ready(function() {
    if (window.location.hash.length > 0) {
        $('#' + window.location.hash).click();  
        //assumes you have an element with id='english', id='french', etc
    }
});

答案 1 :(得分:0)

我修改了SarahBourt的代码,然后显示模态。这帮助了我,想到我会分享。

$( document ).ready(function() {
if (window.location.hash.length > 0) {
    $(window.location.hash).modal('toggle');
    //assumes you have an element with id='english', id='french', etc
}
});