响应式图像映射插件不起作用答案

【问题标题】：Responsive Image Map-Plugin does not work响应式图像映射插件不起作用
【发布时间】：2014-12-01 03:50:49
【问题描述】：

我在使用 Matt Stows jQuery 插件创建响应式图像地图时遇到了一些问题。我遵循了所有建议，但图像地图仍然没有响应。我希望你能帮忙。这些是说明（整页：https://github.com/stowball/jQuery-rwdImageMaps）：

如果可能，请为您的图像映射图像添加正确的、无单位的宽度和高度属性。您可以在 CSS 中覆盖它们以使其具有响应性。
在页面中添加指向 jQuery 的链接，最好在底部收盘前</body>
在 jQuery 之后，无论是在块中还是在单独的文件中，调用：

$('img[usemap]').rwdImageMaps();

这是我的代码，我设置了一个固定的宽度和高度，用 CSS 覆盖。

<div class="banners">
    <img src="wcf/images/blueTemptation/logo2.jpg" style="width: 980px; height: 80px; display:block;" alt="banner-x" usemap="#banner-y" />
    <map name="banner-y"><area shape="rect" coords="560,1,765,79" href="http://www.filmfutter.com/" alt="Kgergrfr" title="Filmfutter Startseite">
</div>

在我的 php 底部我放了这个：

<script src="https://raw.github.com/stowball/jQuery-rwdImageMaps/master/jquery.rwdImageMaps.min.js"></script>
<script>
    $(document).ready(function(e) {
        $('img[usemap]').rwdImageMaps();
    });
</script>

如果您想知道，我将脚本源更改为 URL，因为我不确定服务器上的正确路径，但这应该不是问题。

【问题讨论】：

标签： javascript jquery imagemap

【解决方案1】：

所以，我没有管理该插件以使其正常工作，我仍然想知道，因为显然我没有做错任何事情，但我使用了另一个插件，最后它正常工作。万一其他人也有同样的问题，David Bradshaw 的库完全按照我想要的方式来调整图像映射的大小：https://github.com/davidjbradshaw/imagemap-resizer

【讨论】：

【解决方案2】：

我遇到了同样的问题，原来我使用的是 JQuery v1.8.3，当我将它更新到 JQuery v1.9 时，这似乎可以解决问题。

可能是 JQuery 版本问题？

【讨论】：