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

Question

我在页面上有一组链接，单击这些链接可以启动灯箱式弹出窗口（特别是多种语言的issuu smartlook pdf ）。 我试图找出一种方法，使它们在页面加载时自动打开，但仅当URL中有一个定位标记时才如此。

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

Answer 1

可以使用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
    }
});

Answer 2

我已经修改了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
}
});