Question

我错过了什么？我正在使用David Lynch maphilight插件并将我的代码与此页面进行比较以进行故障排除，但两天之后，我仍然遇到问题。当我将鼠标悬停在（甚至单击）映射图像的任何部分上时，颜色不会显示。链接按预期工作。

我的脚本调用是：

   <head>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
    <script type="text/javascript" src="jquery.maphilight.js"></script>
    <script type="text/javascript">$(function() {
        $('.AMGCmap1').maphilight();
    </script>
   </head>

和img和地图代码是：

            <div>
                <img class ="map" id ="AMGCmap1" src="Images\AMGC Logo Big.png" alt="AMGC Logo" usemap="#AGMCmap" border="15">

                <map name="AGMCmap">
                    <area shape="poly" coords="61,432, 58,346, 71,285, 148,287, 164,345, 166,432" href="news.html"  title= "News" data-maphilight='{"strokeColor":"0000ff","strokeWidth":5,"fillColor":"ff0000","fillOpacity":0.6}' >
                </map>

            </div>

我尝试使用img ID，只是＆＃34;＆＃39; .map＆＃39;＆＃34;在功能，但我看到没有区别。其他人有这样的问题吗？

我现在正在使用Chrome，如果这有帮助的话。

Answer 1

<img class ="map" id ="AMGCmap1" ...>

在这里你有一个id，同时你在你的脚本中调用一个类。

$('.AMGCmap1').maphilight();

这可能是问题所在。将HTML中的id编辑为类：

<img class ="map AMGCmap1" ...>

或在脚本中调用id：

$('#AMGCmap1').maphilight();

无论如何，即使我仔细检查了我的脚本，我也会遇到同样的问题，请告诉我你是否可以在修复后使用它。

jQuery maphilight无法正常工作

1 个答案: