锚链接在另一个页面打开灯箱

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，并触发灯箱功能