【问题标题】:Why does one jsfiddle work and the other does not, even though they have the exact same code?为什么一个 jsfiddle 工作而另一个不工作,即使它们具有完全相同的代码?
【发布时间】:2020-05-10 20:00:44
【问题描述】:

我正在尝试创建一个地图,其中每个子部分都在悬停时突出显示。经过研究,我被告知最好的方法是使用明显起作用的 imagemapster,因此是第一个功能链接......但在第二个中使用 完全相同的代码它没有。我错过了什么吗?如果有人知道会有所帮助

This one works

And this one doesn't

我正在使用图像映射器。 我想要的是这个 …… gif

var image = $('#vegetables');



image.mapster({
     fillColor: "0000"
 });

编辑:图像的定位不好。抱歉,只需向下滚动一点并向右滚动一点。

【问题讨论】:

  • 两个 jsfiddle 都在使用 jQuery,但只有第二个在导入它
  • @Axnyff 我刚刚导入它,但它仍然无法正常工作
  • 看起来您导入了 jQuery 版本的 imageMapster。您仍然需要实际的 jQuery 库。见code.jquery.com
  • 我已经导入了。

标签: html jquery css imagemap imagemapster


【解决方案1】:

查看 JS 代码正上方的菜单。

一个包含 jQuery(一个公认的存在安全问题的古老版本),一个不包含。

JS 依赖于 jQuery,所以当它不可用时会抛出错误(打开开发者工具,查看控制台,阅读错误消息!)。

【讨论】:

  • 感谢您的及时回复。我刚刚导入了 jquery(链接已更新)但它仍然无法正常工作
  • 我已经包含 Jquery 1000 次了。
  • 另外,imagemapster 以某种方式也没有导入,即使它说是
猜你喜欢
  • 2012-06-13
  • 1970-01-01
  • 2022-12-29
  • 1970-01-01
  • 2022-01-20
  • 1970-01-01
  • 1970-01-01
  • 2015-09-03
  • 1970-01-01
相关资源
最近更新 更多