jquery - 如何使这个 anchor 标记可点击？

Question

在我现在使用的网站上，有一个 slider 可以拉入不同尺寸的随机照片。为了使 slider 保持统一并看起来整洁，我穿过旋转图像上方的图像以充当边框，有一个孔，您可以通过该孔看到图像。它看起来很好用。该网站的目标用户希望图像可以点击，我尝试将 anchor 标签放在上面，当我点击它时，它不会指向任何地方，因为即使图像中有一个洞，它的表现也好像那里有东西。我已经查找了如何解决此问题，但在任何地方都找不到任何信息。

有人知道这是否可行吗？如果需要，我愿意使用 jquery，但我被卡住了

    <div id="right">
     <div class="border-image">
     <img src="images/border.png" />
</div>
<div class="cyclepictures">
<div>
<a href=''><img src="" style="position: relative!important; margin: auto!important; padding-top: 30px;" /></a>
<a href=''><img src="" style="position: relative!important; margin: auto!important; padding-top: 30px;" /></a>
<a href=''><img src="" style="position: relative!important; margin: auto!important; padding-top: 30px;" /></a>
<a href=''><img src="" style="position: relative!important; margin: auto!important; padding-top: 30px;" /></a>
<a href=''><img src="" style="position: relative!important; margin: auto!important; padding-top: 30px;" /></a>
</div>

</div>

这是通过图像 slider 生成的

Answer 1

JQUERY:

$('.border-image').on('click', function(){
    $('a.active').trigger('click'); // assuming your current image's anchor has active class.
});

一旦单击边框图像，就会使用上述方法触发当前事件的 anchor /图像的单击。这与 Ken 在上面建议的相同。