在解决一个非常简单的交互方面,我遇到了一个问题。
一些上下文:
我正在一个网站上展示一些产品,这些网站以网格形式显示,当单击该图标时,会弹出一个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,并触发灯箱功能