点击后需要重置PinchZoom.js插件

Question

使用PinchZoom.js插件创建移动网站来放大和缩小地图。它还有一个搜索功能，可以高亮显示地图上的区域。

当地图被放大时，当有人搜索时，我希望pinchzoom.js重置回缩小的视图。我可以通过jquery删除Zoom Container上的样式来实现这一点。但当我再次点击地图时，它开始从搜索前的原始放大位置开始放大。

如何通过jQuery单击函数将pinchzoom.js插件重置回其原始的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>    

Answer 1

在我的例子中，我需要重置缩放image.So，将缩放图像的旧图像src保存在一个变量中，并创建新的html元素，即具有相同id的图像，并设置保存在临时variable.With方向更改中的旧图像src，我们可以使用相同的解决方案。

在本例中，保存缩放元素的值并将其删除，然后重新创建html元素并分配旧值。

也许这不是合适的solution.But，它适合我。