锚链接会在另一页中打开灯箱

Question

在解决一个非常简单的交互方面，我遇到了一个问题。

一些上下文：我正在一个网站上展示一些产品，这些产品以网格形式显示，当单击时，会弹出一个Lightbox，其中包含产品信息。非常简单！ 大概我的标记/脚本：

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

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

现在，我正在尝试实现搜索功能，该功能显然存在于另一页中。 搜索返回产品列表，每个产品都有如下路径：

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

因此，如果我单击该项目，它将带我到该项目存在的正确页面，并且由于我包括锚链接，因此它将在某种程度上对用户可见。 这很好。

我的问题是，从搜索定向到产品所在的实际类别页面后，如何使灯箱自动打开？

这似乎非常简单，但是由于某些原因，我无法弄清楚！ 任何帮助将非常感激！

谢谢！

Answer 1

因此，当dom在类别页面上准备就绪时，您需要检查URL以查看锚点是否存在。 这意味着他们已经通过搜索结果页面到达了。

参考： 如何使用JavaScript检查URL中的＃哈希？ 。

像这样：

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