JavaScript在纯HTML上工作，但不在Wordpress网站上工作

我正在使用Imagemap reizer js库来帮助我处理响应式地图。它由一个小型js库控制，来自这里的github dot com/davidjbradshaw/image-map-resizer。它应该帮助HTML坐标变得响应，即使它通常不是（例如ios Chrome）。

为了开始测试，我将脚本作者的整个示例页面复制到静态 html 页面中，网址为http://www.talesofyore.com/wp-content/themes/twentyfifteen-child/map.htm。我在/body 之前使用了以下代码：

<script type="text/javascript" src="http://davidjbradshaw.com/imagemap-resizer/js/imageMapResizer.min.js"></script> <script type="text/javascript"> $('map').imageMapResize(); </script>如您所见，它正确地创建了 html 坐标。

但是，当我尝试将其添加到我的 WordPress 主题标题时，它会创建坐标，但它们都位于图像下方中心的同一行（我用蓝色边框设置了其中几个样式，因此您可以看到它们。 http://www.talesofyore.com/?p=1#comment-1

这是我到目前为止尝试过的：如果我直接在/head 之后对代码（img 代码、地图代码和 javascript 代码）进行硬编码，一切正常。

但是，当它不起作用时：- 如果我使用排队排队进入我的 WP

wp_enqueue_script( 'imagemapresizer', get_template_directory_uri() . '/js/imageMapResizer.min.js', array(), '', true );

它添加了一个版本号并搞砸了，所以它不起作用。- 如果我删除

它不起作用。我还没有尝试排队，但我稍后会过那座桥。

但这是我不明白的。我已经在标头的末尾硬编码了整个代码.php并将其放在 在这种情况下，即使是硬编码版本也不起作用。

谁能看一看？谢谢！