我面临的问题是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/

10-11 08:21