我面临的问题是image.mapster jquery要将鼠标悬停在图像中的自定义div和其他jquery版本之间,这些jquery版本用于缩小和放大按钮单击。
以下是我面临的查询:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.js"></script>
<script type="text/javascript" src="../dist/jquery.imagemapster.js"></script>
如果我按上述顺序编写代码,则
image.mapster
jQuery可以在悬停时工作,但是我的放大和缩小功能将无法工作。如果我先使用
image.mapster
查询,然后编写第二个jquery,则由于方法image.mapster
未找到,我将收到错误消息。我也创建了一个测试文件代码
http://jsfiddle.net/vpd1Lbtp/3/
但是在jsfidder中它部分起作用,但两者都起作用,但是图像的大小没有得到放大和缩小。我也用html代码编写了相同的内容,但只有一种功能有效
最佳答案
如果在缩放时检查img#vegetables
,将看到您要缩放的代码正在实际运行。但是,Mapster已将图像的不透明度设置为0。您要查看的图像是Mapster使用class="mapster_el"
创建的图像。
我认为您可以通过缩放.mapster_el
而不是#vegetables
来获得所需的功能:
$('.mapster_el').stop(true, true).animate({
//etc...
这将缩放复制的图像以及代表地图的
canvas
元素。关于javascript - jQuery image.mapster与其他jQuery版本冲突,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35339192/