JavaScript在纯HTML上工作,但不在Wordpress站点上工作

JavaScript在纯HTML上工作,但不在Wordpress站点上工作,javascript,jquery,wordpress,Javascript,Jquery,Wordpress,我正在使用Imagemap resizer js库帮助我处理响应贴图。它由github.com/davidjbradshaw/image map resizer中的一个小js库控制。它应该可以帮助HTML coords在通常情况下没有响应的情况下(比如ios Chrome)也能响应 为了开始测试,我将脚本作者的整个示例页面复制到 . 我在/body之前使用了以下代码: $('map').imageMapResize(); 如您所见,它正确地创建了html坐标 然而,当我尝试将其添加到我的Wo

我正在使用Imagemap resizer js库帮助我处理响应贴图。它由github.com/davidjbradshaw/image map resizer中的一个小js库控制。它应该可以帮助HTML coords在通常情况下没有响应的情况下(比如ios Chrome)也能响应

为了开始测试,我将脚本作者的整个示例页面复制到 . 我在/body之前使用了以下代码:


$('map').imageMapResize();
如您所见,它正确地创建了html坐标

然而,当我尝试将其添加到我的WordPress主题标题时,它会创建坐标,但它们都位于图像下方中心的同一行(我用蓝色边框设计了一些坐标,以便您可以看到它们)

以下是我迄今为止所尝试的: 如果我直接在/head之后硬编码代码(img代码、map代码和javascript代码),一切都正常

但是,在不起作用的情况下: -如果我使用排队进入我的WP

wp_enqueue_script( 'imagemapresizer', get_template_directory_uri() . '/js/imageMapResizer.min.js', array(), '', true );
它添加了一个版本号并弄糟了,所以它不工作。 -如果我移除

它不起作用。我还没有试着去征服它,但我稍后会过桥

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


有人可以看一下吗?谢谢!

您的功能中包括脚本了吗

我的代码如下:

wp_enqueue_script( 'jquery-js', EL_JS . '/jquery-1.9.1.min.js', null, '1.9.1' ,  true ); 

你在
之前调用html,在页面加载成功后使用这个

检查inspect元素。有时由于jquery的不同版本,它不起作用。

明白了。由于排队弄乱了脚本,我的javascript包含在标题中的条件PHP下,我想这就是弄乱它的原因p、 Noob,我知道。

遗漏了问题的一些重要部分……代码……该代码应该做什么……以及除了“它不工作”之外它现在在做什么抱歉!现在好点了吗?我尝试了enqueing,它实际上增加了问题,我想是因为版本的原因。但我会解决这个问题,问题在其他地方。我更新了原始帖子以获得更多澄清。天哪,你刚刚给了我一个解决问题的想法。因为排队弄乱了脚本,我的javascript include处于状态标题中有传统的PHP,我想这就是把它搞砸的原因。不,我知道。谢谢!