如何定位<a> tag

Question

I have an anchor tag that links to a png on the server.. when clicked the image opens.. I want to be able to target that open image so i can create a click jQuery handler to ajax back to the place where the image was opened. (Currently pressing back on the android phone refreshes the whole site)

Here is my current code..

<div class="fook">
<a href="images/food.png"><img class="down" src="images/down.svg" alt="" /></a>
<img class='food-menu' src="images/vfood.jpg" alt="picture of food menu" />
</div>

Thanks

Answer 1

浏览器本地显示图像，并且未加载到您的网页内，因此如果您位于图像资源中，则无法使用JS定位图像

Answer 2

你所要求的是不可能的;当您单击该链接时，您基本上只是打开图像，而不是网页。这与通过计算机本身打开图片是一样的;你不能执行代码。

您可以做的最好的事情是使用jQuery的 Fancybox 之类的插件在弹出窗口中打开图片，然后定位该元素。这是可能的，因为图像仍然在同一页面上，您可以访问JavaScript。

事实上，Fancybox来自预建，能够点击＆＃39;图像并返回页面，甚至还包括一个关闭按钮。我建议考虑用它来实现你的要求：）

希望这有帮助！