gpt4 book ai didi

jquery - 我如何使用 jQuery 创建一个书签哈希?

转载 作者:搜寻专家 更新时间:2023-10-31 08:38:02 28 4
gpt4 key购买 nike

我有一个用作图片库的 URL。这个 URL 是一个拇指 div(为了简洁起见,我只显示了四个拇指):

 <div id="thumbs">
<img src="graphics/thumbs/01.jpg" width="190" height="190" class="thumb objects" id="project01" />
<img src="graphics/thumbs/08.jpg" width="190" height="190" class="thumb web" id="project08" />
<img src="graphics/thumbs/14.jpg" width="190" height="190" class="thumb freehand" id="project14"/>
<img src="graphics/thumbs/04.jpg" width="190" height="190" class="thumb freehand objects" id="project04" /></div>

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

<div id="content"></div>

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

 <div id="preload">
<span id="project01_content"><img src="graphics/010.jpg" /></span>
<span id="project02_content"><img src="graphics/022.jpg" /><img src="graphics/021.jpg" /><img src="graphics/023.jpg" /><img src="graphics/020.jpg" /></span>
<span id="project03_content"><img src="graphics/030.jpg" width="450" height="600" /><img src="graphics/031.jpg" width="450" height="600" /></span>
<span id="project04_content"><img src="graphics/040.jpg" width="775" height="600" /><img src="graphics/041.jpg" width="775" height="600" /></span></div>

我的 jQuery 使用点击缩略图的 ID 来 clone() 来自相应 span 的图像并将它们放入 #content 使用html() 方法。它很好用。现在,我想返回到 mysite.com/#project01 并让 #content 已填充项目 01。

我怎样才能给每个图像一个哈希 URL 来调用相同的 jQuery 状态?

最佳答案

您可以在页面加载后立即执行该缩略图的点击操作,您当前的代码应该会执行,如下所示:

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

这使用了 window.location.hash property在您的示例 URL 中将是 "#project01"...所以它已经是 #ID selector ,我们只是检查它是否是我们关心的散列,然后使用该选择器触发 .click() .只需确保它您当前的拇指点击处理程序被绑定(bind)后运行。

关于jquery - 我如何使用 jQuery 创建一个书签哈希?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3511742/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com