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

Question

我面临着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中，它部分地工作，两样东西都能工作，但是图像的大小没有放大和out.also，我用html代码编写了相同的代码，只有一个功能可以工作。

Answer 1

如果您在缩放时检查img#vegetables，您将看到您的代码正在运行。但是，Mapster已经将图像的不透明度设置为0。您正在查看的图像是由Mapster用class="mapster_el"创建的。

我认为您可以通过缩放.mapster_el而不是#vegetables来获得所需的功能。

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

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