jquery - jquery 或 jquerymobile 中是否有图像部分事件处理功能？

Question

如果我有这样的图像，我可以根据用户点击的数字或区域来处理事件吗？

例子，

如果用户单击此图像中的 1，它将转到 url1。如果用户单击此图像中的 2，它将转到 url2。

当然，这只是一张图片。

jquery 或 jquerymobile 中是否有这样的功能？

Answer 1

你应该使用图像映射：

<img src="your img source" width="100" height="100" alt="*alt*" usemap="#yourmap">

<map name="yourmap">
  <area shape="rect" coords="0,0,50,50" href="firsturl">
  <area shape="rect" coords="50,0,100,50" href="secondurl">
  <area shape="rect" coords="0,50,50,100"  href="thirdurl">
  <area shape="rect" coords="50,50,100,100"  href="forth">

</map>

如果您最初不知道图像大小，您可以使用 JavaScript 或 jQuery 计算尺寸并在文档就绪事件处理程序中生成 html