Question

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

某些情境： 我正在一个网站上工作，在网格中展示一些产品，点击后，灯箱会弹出产品的信息......很简单！大致是我的标记/脚本：

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

现在我正在尝试实现搜索功能，这显然存在于另一个页面中。搜索会使用以下路径重新列出产品列表：

{{1}}

因此，如果我点击该项目，它将带我到项目所在的正确页面，因为我包括锚链接，它会将其显示给用户。这很好用。

我的问题是，如何将Lightbox从搜索引导到产品所在的实际类别页面后自动打开？

这似乎非常简单，但由于某种原因，我无法解决这个问题！任何帮助都会非常感激！

谢谢！

Answer 1

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

参考： 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并触发灯箱功能

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

1 个答案: