2014-08-27 90 views
1

使用PinchZoom.js插件創建移動網站以放大和縮小地圖。它還具有突出顯示地圖上區域的搜索功能。需要重置PinchZoom.js插件後點擊

當地圖放大並有人搜索時,我希望pinchzoom.js重置爲縮小視圖。我可以通過jquery刪除Zoom Container上的樣式來實現這一點。但是當我點擊地圖時,它會在搜索前從原始放大的位置開始放大。

我將如何去重新設置pinchzoom.js插件回到它從jQuery點擊函數的原始onload規模?

<script type="text/javascript"> 
jQuery(function ($) { 
    $(function reset() { 
     $('div.pinch-zoom').each(function() { 
      new RTP.PinchZoom($(this), { 
       maxZoom: 10 
      }); 
     }); 
    }) 
}); 

</script> 

<script> 
jQuery(function ($) { 
    $(document).ready(function() { 
    $('#contactlink').click(function(){ 
     $('#formbox').slideToggle('fast'); 

     $('.pinch-zoom .activeLocation').removeClass('activeLocation'); 
    }); 
}); 
    $(document).ready(function() { 
     $('#formbox').click(function(){ 
     $('#formbox').slideToggle('fast'); 
     }); 
    }); 
}) 
</script> 

<script type="text/javascript"> 
jQuery(document).ready(function(){ 
    jQuery('#E1').click(function() { 
     jQuery('.pinch-zoom').empty(); 
     jQuery('.E1').addClass("activeLocation"); 
    }); 
}); 
</script>  

回答

0

對我來說,我需要重置變焦image.So保存變焦圖像的舊圖片src在一個變量,並使用相同的ID和設置老圖片src我們保存在臨時變量新的HTML元素,即圖像。隨着方向的變化,我們可以使用相同的解

在你的情況下,保存你的縮放元素的值,並刪除它,並重新創建html元素並分配舊值。

可能是不正確的解決方案,但它適用於我。