錨鏈接在另一個頁面打開燈箱

Question

我有一個問題，找出一個非常簡單的交互。

一些背景： 我工作的一個網站，展示一些產品在網格中單擊時上，一個燈箱與product..pretty簡單的信息彈出！粗略地我的標記/腳本：

<img id="1234" src=".../blah.jpg"></img> 

$(img).click(function() { 
    // open (this) lightbox 
    // etc. etc. 
}); 

現在我試圖實現搜索功能，顯然存在於另一個頁面。

<a href="/parentCat/childCat/#1234">Product 1234</a> 

所以，如果我點擊該項目，它會帶我到正確的頁面，該項目存在，因爲我包括錨鏈接：reutrn每一個與諸如路徑的產品列表搜索，它將會讓用戶看到它。這工作正常。

我的問題是，如何在燈箱從搜索導向產品存在的實際類別頁面後自動打開燈箱？

這似乎是超級簡單，但由於某種原因，我無法找出它！任何幫助將非常感激！

謝謝！

Answer 1

因此，當類別頁面上的DOM準備就緒時，您將檢查URL以查看是否存在錨點。這將意味着他們已經通過搜索結果頁面到達。

參考： How can you check for a #hash in a URL using JavaScript?。

事情是這樣的：

if(window.location.hash) { 
     var hash = window.location.hash.substring(1); //Puts hash in variable, and removes the # character 
     alert (hash); 
     // hash found 
     // open (this) lightbox 
    } 

如果它存在，從主題標籤獲得的產品ID，並觸發燈箱功能