从 WordPress 页面中的文本链接突出显示图像区域答案

【问题标题】：Highlight image area from text link in WordPress page从 WordPress 页面中的文本链接突出显示图像区域
【发布时间】：2013-11-23 03:38:54
【问题描述】：

我根本不是编码员，我花了两天时间尝试这样做！希望有人可以帮助我...

我想在我的图像地图（使用 Fireworks 准备）上突出显示某些区域形状，不仅在悬停在其上时，而且还通过悬停在单独的文本链接上。我已经尝试了一些 Wordpress 的插件，但没有人这样做。

我可以在 static html page 中做我需要的事情（使用 jQuery 插件“maphilight”），但相同的代码在 the WordPress page 中不起作用。仅用于测试我已将所需的链接放在 header.php 上（我不知道如何仅在使用它们的页面中动态加载脚本）。

我的问题与to this one 非常相似，但还没有解决方案。

非常感谢任何可以帮助我的人。 :-)

问候。马塞拉

ps。原谅我的英语！ ;-)

【问题讨论】：

标签： jquery wordpress map hyperlink highlight

【解决方案1】：

您的页面上有错误提示您找不到 JavaScript 文件。

以下是找不到的文件：

<script type='text/javascript' src='http://www.tommasifamilyestates.it/villa40/wp-content/plugins/marcymaps/jquery.min'></script>
<script type='text/javascript' src='http://www.tommasifamilyestates.it/villa40/wp-content/plugins/marcymaps/jquery.imagemapster.min.js'></script>
<script type='text/javascript' src='http://www.tommasifamilyestates.it/villa40/wp-content/plugins/marcymaps/jquery.mappa-congressi.js'></script>

您可以尝试删除插件并重新安装它。

正确的 JavaScript 引用应该是：

<script type="text/javascript" src="http://www.tommasifamilyestates.it/villa40/wp-content/plugins/marcymaps/jquery.min.js"></script>
<script type="text/javascript" src="http://www.tommasifamilyestates.it/villa40/wp-content/plugins/marcymaps/jquery.maphilight.js"></script>
<script type="text/javascript" src="http://www.tommasifamilyestates.it/villa40/wp-content/plugins/marcymaps/mappa-congressi.js"></script>

【讨论】：

感谢您宝贵的回复杰米！关于在 WordPress 中插入脚本的正确位置有什么建议吗？我已将代码插入到我制作的自定义插件中，因为我不知道如何...... ;-)
我已经用正确的脚本 URL 更新了我的答案。您能否将这些添加到您提到的自定义代码区域中？
您可以修改mappa-congressi.js 文件吗？通过将第 2 行更改为：jQuery(document).ready(function ($) {
您在与此问题相关的页面上有另一个错误stackoverflow.com/a/10807237/1838483
我已按照您的建议更改了第 2 行，但是，抱歉，我无法理解问题“stackoverflow.com/a/10807237/1838483”的内容