JQuery image.mapster与其他jquery版本冲突

时间:2016-02-11 12:18:51

标签: javascript jquery html css html5

我在image.mapster jquery之间面临一些jquery冲突,在图像中悬停自定义div,以及用于缩小和放大按钮点击的其他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代码中写相同的只有一个功能正常工作

1 个答案:

答案 0 :(得分:0)

如果在缩放时检查img#vegetables,您将看到要扩展的代码实际上正在运行。但是,Mapster已将图像的不透明度设置为0.您正在查看的图像是Mapster使用class="mapster_el"创建的图像。

我认为您可以通过缩放.mapster_el代替#vegetables来获得所需的功能:

$('.mapster_el').stop(true, true).animate({
//etc...

这将缩放复制的图像以及表示地图的canvas元素。