根據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
}
});