我在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代码中写相同的只有一个功能正常工作
答案 0 :(得分:0)
如果在缩放时检查img#vegetables
,您将看到要扩展的代码实际上正在运行。但是,Mapster已将图像的不透明度设置为0.您正在查看的图像是Mapster使用class="mapster_el"
创建的图像。
我认为您可以通过缩放.mapster_el
代替#vegetables
来获得所需的功能:
$('.mapster_el').stop(true, true).animate({
//etc...
这将缩放复制的图像以及表示地图的canvas
元素。