尝试使用jQuery覆盖/截取WordPress中的照片镶嵌图库链接

时间:2013-09-18 作者:Matthew Warren

相关页面位于http://www.sandbarmedia.com/clients/va/gallery/. 基本上,我正在尝试使用jQuery拦截马赛克中一张照片的点击,以便它跳转到下面图库中相应的图片。所有这些工作完成后,底部的图库将被隐藏,最终的效果应该是,单击马赛克照片会让用户跳入lightbox photostream中的适当位置。

我目前有一些代码可以使用文本链接(马赛克下面的“测试”链接),但当我尝试将代码应用到其中一张马赛克照片时,它不起作用。我在页面其余部分的下方插入了以下内容:

<script type="text/javascript">
$("a[href$=\'1GBanquette2.jpg\']").click(function() {
    $("a[title=\'2GDiningRoomPlaceSetting\']").trigger(\'click\');
    return false;
});
</script>
其目的是捕获对包含马赛克中第一幅图像文件名的链接的点击,并激活对库中图像的点击。我假设短代码是在jQuery之后加载的,但我不确定这是否是问题所在,也不确定我会如何解决它。

我真的希望能够将这段代码保存在Wordpress页面编辑器中,这样它就可以由用户进行更新,而不必在文件结构中到处翻找,但如果不可能的话,我理解。提前感谢!

1 个回复
SO网友:Matthew Warren

找到了答案。我禁用了PhotoMosaic短代码中的链接,然后使用$(窗口)。加载以检测图像上的点击并相应重定向。然后,我使用CSS更改光标,并在鼠标上方添加不透明度更改以模拟链接,这样用户就知道他们可以单击图像。

结束

相关推荐

JQuery导入“jQuery-1.10.2.min.map”时出现错误404

我使用我购买的主题运行WordPress 3.6安装。当我使用我的主题时,控制台会显示:GET ...xyz.de/landing/wp-includes/js/jquery/jquery-1.10.2.min.map 404 (Not Found) 使用默认主题时不会出现此错误。这似乎是jQuery文件的中断导入。该站点似乎启用了主题。我应该从哪里着手在一个不是我写的主题中解决这个问题?顺致敬意,克里斯