响应式 ImageMap rwdImageMaps 不工作

【问题标题】：Responsive ImageMap rwdImageMaps not working响应式 ImageMap rwdImageMaps 不工作
【发布时间】：2021-05-21 05:13:54
【问题描述】：

在过去的一年里，我在几个项目中一直使用 rwdImageMaps 1.6 和 JQuery 3.5.1，没有任何问题。

就在今天，我意识到地图区域不再工作了。坐标返回为 NaN。谷歌浏览器 - 不工作
边缘 - 不工作
Firefox - 仍在工作

我尝试将 rwdImageMaps 与 JQuery 3.6.0 一起使用，结果相同。

【问题讨论】：

请更改问题，使其实际上是一个问题，然后回答您自己的问题并接受它作为答案。

标签： javascript jquery responsive imagemap

【解决方案1】：

我意识到 rwdImageMaps 中用于检索原始图像大小的代码不再起作用。

                var attrW = 'width',
                    attrH = 'height',
                    w = $that.attr(attrW),
                    h = $that.attr(attrH);

将这些代码更改为以下代码解决了该问题。

                var attrW = 'naturalWidth',
                    attrH = 'naturalHeight',
                    w = $that.prop(attrW),
                    h = $that.prop(attrH);

在这里分享发现。

【讨论】：