Jquery plugins 单击后需要重置PinchZoom.js插件

Jquery plugins 单击后需要重置PinchZoom.js插件,jquery-plugins,Jquery Plugins,使用PinchZoom.js插件创建移动网站以放大和缩小地图。它还有一个搜索功能,可以突出显示地图上的区域 当地图放大,有人搜索时,我希望pinchzoom.js重置回缩小的视图。我可以通过jquery删除缩放容器上的样式来实现这一点。但当我点击地图时,它会在搜索之前从原始放大位置开始缩放 我如何从jQuery的点击功能将pinchzoom.js插件重置回原来的加载比例 <script type="text/javascript"> jQuery(function ($) {

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

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

我如何从jQuery的点击功能将pinchzoom.js插件重置回原来的加载比例

<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>    

jQuery(函数($){
$(函数重置(){
$('div.pinch-zoom')。每个(函数(){
新的RTP.PinchZoom($(此){
最大缩放:10
});
});
})
});
jQuery(函数($){
$(文档).ready(函数(){
$('#contactlink')。单击(函数(){
$('#formbox')。滑动切换('fast');
$('.pinch zoom.activeLocation').removeClass('activeLocation');
});
});
$(文档).ready(函数(){
$('#formbox')。单击(函数(){
$('#formbox')。滑动切换('fast');
});
});
})
jQuery(文档).ready(函数(){
jQuery('#E1')。单击(函数(){
jQuery('.pinch zoom').empty();
jQuery('.E1').addClass(“activeLocation”);
});
});

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

在您的情况下,保存zoom元素的值并删除它,重新创建html元素并分配旧值

也许这不是正确的解决办法,但对我来说是有效的