点击图片

Question

我有一个图像边框（它在六边形地图上，所以边框必须是图像），在每个十六进制上悬停显示。现在我想在一些六边形上使用jQuery .click（）函数，但是我不能通过悬停图像点击十六进制。有什么办法可以解决吗？

非常感谢。

PS：悬停图片如下所示： http://perludus.com/examples/hexmap/hex-highlight.png （边界和其余部分是透明的）

Answer 1

你可以：

• 处理重叠元素本身的click事件，或
• 使叠加元素成为当前位于其上的十六进制的后代，因此click事件将从叠加层冒泡到十六进制元素。

查看一些代码可以获得更精确的答案。

Answer 2

或者你可以比较坐标。这是fiddle我做的。