JQuery image.mapster與其他jQuery版本衝突

Question

我正在面臨一些jquery image.mapster 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元素一起縮放複印的圖像。