jQuery 响应式图像映射：未捕获的类型错误

Question

我正在使用 this jquery plugin to make an image's image map responsive on this project。

但是，我在 Chrome 中收到 2 个 Javascript 控制台错误：

> Uncaught TypeError: $(...).rwdImageMaps is not a function

我已经添加了

<script type="text/javascript" src="http://www.tempertemper.com.au/test/wp-content/themes/temper/js/jquery.rwdImageMaps.js"></script>
<script>
    $(document).ready(function(e) {
        $('img[usemap]').rwdImageMaps();
    });
</script>

就在结束 </body> 标记之前，按照说明，但是，控制台错误仍然存在。

如何解决控制台错误？谢谢。

Answer 1

您已附加 Jquery 两次。删除 header 处的那个。并将另一个移到 jq ui.

上方

jQuery 响应式图像映射：未捕获的类型错误

jQuery responsive image maps: Uncaught TypeError

javascript

imagemap

responsive-design