如何使用jQuery创建可书签的哈希？

我有一个我用作图片库的url。 在这个URL是一个拇指div （为了简洁起见，我只显示了四个拇指）：

还有一个名为#content的空div ：

和一个名为#preload的隐藏div ：

我的jQuery使用点击的缩略图的ID来clone()来自相应span的图像，并使用html()方法将它们放入#content 。 它很棒。 现在，我想回到mysite.com/#project01并且#content已经填充了Project 01。

如何为每个图像提供一个将调用相同jQuery状态的散列URL？

Answer 1

只要页面加载并且当前代码应该执行，您就可以在该拇指上单击，如下所示：

 $(function() { if(window.location.hash.indexOf('project') > -1) $(window.location.hash).click(); }); 

这使用了window.location.hash属性 ，它在你的示例URL中是"#project01" …所以它已经是#ID选择器 ，我们只是检查它是我们关心的哈希值，然后使用该选择器来触发一个.click() 。 只需确保在绑定拇指的当前点击处理程序后运行此操作。