由于 jQuery 冲突，Maphilight 插件无法在 Wordpress 中运行

Question

我在美国地图上使用 maphilight 插件，这样当鼠标滑过时，各州就会改变颜色。

（http://plugins.jquery.com/project/maphilight

带有演示：

http:// davidlynch.org/js/maphilight/docs/demo_usa.html）

我的 header.php 中有以下内容（我使用的是 wordpress）：

<script language="javascript" type="text/javascript" src="<?php bloginfo('url'); ?>/wp-content/themes/adventure-journal-child/js/jquery-1.2.3.pack.js"></script>
<script language="javascript" type="text/javascript" src="<?php bloginfo('url'); ?>/wp-content/themes/adventure-journal-child/js/jquery.metadata.min.js"></script>
<script language="javascript" type="text/javascript" src="<?php bloginfo('url'); ?>/wp-content/themes/adventure-journal-child/js/jquery.maphilight.js"></script>

它工作得很好，直到我安装了带有短代码的样式（SWS）， http://plugins.righthere.com/styles-with-shortcodes/，能够添加也使用 JQuery 的选项卡和工具提示。

两人因此产生冲突。因此，一旦删除了与 maphilights 关联的 jQuery 代码，我的选项卡和工具提示就可以工作了。我一直在阅读有关此内容的文章，并意识到将代码加载到标头中无论如何都不理想。 我的问题是：如何让 maphilight 工作而不引起冲突？

我尝试过：

 <script type="text/javascript">
    jQuery.noConflict();
    jQuery(function() {
        jQuery('.map').maphilight({fade: false}); /*set true for fading hover effect*/
           });
</script>   

maphilight 插件可以使用与我的带有简码的样式相同的 jQuery 吗？那我该怎么办呢？

我想我需要在functions.php中使用wp_enqueue_script，但我不知道如何去做。

我的最终目标是能够将鼠标悬停在地图上的某个州，它会突出显示，并弹出一个工具提示，其中包含文本和链接。 非常感谢！

Answer 1

解决这个问题有点困难，因为这些是付费插件，我们看不到您链接中的冲突，但您可以尝试的一件事是更新您的 jquery，您目前使用的是 1.4.2，但它们使用的是 1.5。 2

http://code.jquery.com/jquery-1.5.2.min.js

Answer 2

您最好使用 wp_enqueue_script 函数。在了解该功能之前，我在几个 WordPress 网站上遇到了类似的问题。