Question

我在美国地图上使用maphilight插件，这样当鼠标滚动时，状态会改变颜色。

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

使用demo：

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>

在我使用Shortcodes（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网站上遇到了类似的问题，直到我了解了这个功能。

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

2 个答案: