jQuery插件imagemapster没有做任何事情
我仍然是javascript和jQuery的新手，所以请记住，这可能是一个我看不到的明显解决方案。
我引用了jQuery，它适用于其他东西。 也许imagemapster引用有问题？ 我在这里下载了它，我就像这样引用它。 我也将“imagemapster.min.js”放入其中，但是当它们都在其中时它不起作用，当它们中的任何一个被它们自己使用时它也不起作用。
我阅读文档并几乎完全遵循它（见下文），但它确实没有突出显示。 相反，它会弄乱它们的位置，这会破坏页面，这没有任何意义，因为mapster应该与定位无关。 可点击区域也已向上移动并偏离位置。 它甚至没有任何错误; 代码刚刚通过，除了我所说的，没有任何反应。 是的，我想要突出显示的图像映射是完全正常的，＃downstairs，#upstairs和#offices确实是图像标签的ID，就像它们应该是的那样。
$(document).ready(function() { $('#downstairs').mapster({ fillOpacity: 0.5, mapKey: 'alt', isSelectable: false, render_highlight: { fillColor: '2aff00' } }); $('#upstairs').mapster({ fillOpacity: 0.5, mapKey: 'alt', isSelectable: false, render_highlight: { fillColor: '2aff00' } }); $('#offices').mapster({ fillOpacity: 0.5, mapKey: 'alt', isSelectable: false, render_highlight: { fillColor: '2aff00' } }); });
这是图像和地图的html。 他们三个都使用这种格式。
检查您的地图区域是否已定义href。 例如：href =“＃”
在我将脚本移到地图下方之前，我遇到了类似的问题。 我无法在文档中找到它，但我记得读过该插件工作时，必须首先加载图像。 您仍然希望在头部调用插件，但是您需要将javascript放在图像映射之后。
当我第一次尝试使用ImageMapster时，我没有正确设置路径。 您的区域路径必须从上到下环绕对象，然后从左到右，然后从下到上环绕，直到它在开始时再次相遇。 一旦我这样做，ImageMapster“做了一些事情”。 在我走右路之前，看起来似乎没有任何事情发生。
您还必须告诉image使用map 。
此外，您在代码中使用的ID＃应该是image的ID，而不是地图的ID。
此外，请确保您的地图区域位于图像中（您可能必须设置图像的width ），否则hover效果将不会显示。 当我第一次尝试时，在确定我的区域位于正确的位置之前，我没有看到任何东西。
我在这里写了一个迷你教程 ，用Photoshop和Illustrator生成image-map 。 这对我来说效果很好， image-map处于完美的位置。
[OP发布imagemap html后]
啊，我认为你的指环很匹配。 把coords想象成一条线。 您已经描述了该行的开头加上另一个点 – 您必须告诉它进行完整循环。 试试这个，看看会发生什么：
‘coords =“198,81,223,117,198,81”