javascript - 图像映射区域无法触发点击事件。afer 最大化寡妇或恢复窗口点击事件触发

Question

我正在使用图像映射，我在图像中使用了两个按钮。在按钮中单击一个弹出窗口(div)显示。在那个 div 中，我拍摄了一张带有区域的 map 。我正在尝试单击(关闭按钮和打开和关闭按钮))但没有响应。最大化浏览器窗口后它正在工作。任何人都可以解决这个问题。我想让所有图像响应我使用 JQuery Image Map它正在工作但是。当我给 div 位置是绝对的。它不工作。任何人都可以为这个问题提供解决方案吗(按Tab键识别图像 map 区域)

Answer 1

虽然你的问题很难理解，但我会尽力做50次(我年轻，需要钱;)

您正在使用此处的 JQuery 库: https://raw.github.com/stowball/jQuery-rwdImageMaps/master/jquery.rwdImageMaps.min.js

它的自述文件以大写字母打印:“通过重新计算区域坐标以匹配加载和 window.resize 时的实际图像大小，允许在响应式设计中使用图像映射”

因此，您的关闭处理程序不会触发，因为区域坐标仅在您调整浏览器窗口大小时由该“rwd”计算，自述文件告诉我们，它旨在这样做。

顺便说一句，让你的代码工作:添加 $('img[usemap]').rwdImageMaps();在您的 JavaScript 代码的第 20 行下方。