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

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

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

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


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

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


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

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

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

谢谢!

最佳答案

因此,当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,并触发灯箱功能

09-10 10:55
查看更多