jquery - 我如何让地图高亮工作

Question

我不知道如何让 jQuery 插件“maphilight”工作。请记住，我一般对网页设计知之甚少，所以这可能是一些愚蠢的问题，由于我的经验不足，我找不到。

我的 jQuery 参考很好，我像这样引用了 maphilight：

<script type="text/javascript" src="http://davidlynch.org/js/maphilight/jquery.maphilight.min.js"></script>

我的 img 确实有一个对地图的 usemap 引用，它工作正常，所以不是这样。这是我的地图标记的简化版本：

<map name="downmap" class="floorMap">
    <area title="title" onclick="loadRoom('room name');" coords="98,425,98,446,146,446,146,540,216,540,216,425" />
</map>

在我的 javascript 文件中，我有这个：

$(function () {
    $('.floorMap').maphilight({ stroke: false, fillColor: '009DDF', fillOpacity: 1 });
});

根据我研究的所有内容，我认为这会起作用，但事实并非如此。有谁知道可能出了什么问题？

Answer 1

阅读本文档并使用示例 http://davidlynch.org/projects/maphilight/docs/中给出的脚本