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

时间:2014-08-27 18:55:55

标签: jquery-plugins

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

1 个答案:

答案 0 :(得分:0)

在我的情况下,我需要重置缩放图像。在一个变量中保存缩放图像的旧图像src并创建新的html元素,即具有相同id的图像,并设置我们保存在临时变量中的旧图像src。随着方向改变我们可以使用相同的解决方案。

在您的情况下保存缩放元素的值并将其删除并重新创建html元素并指定旧值。

可能是不正确的解决方案。但它适用于我。