如何禁用elevateZoom？

Question

如何在elevateZoom中调用destroy函数？文档没有任何提及,如果我ctrl+f在源代码快速,我看到一个选项disable,但我不知道如何禁用或销毁elevateZoom？

我有以下代码:

HTML:

<img id="img_01" src="http://unilaboralgirona.com/wp-content/uploads/2015/03/ZContact.jpg" data-zoom-image="http://unilaboralgirona.com/wp-content/uploads/2015/03/ZContact.jpg"/> 

JS:

 $("img").elevateZoom({ zoomType    : "inner", cursor: "crosshair" , easing : true });

setTimeout(function(){}
      // how to destroy elevateZoom on image ? 
,2000); 

现在3秒后,我希望缩放功能不起作用(我这样做是为了隔离我的问题,现在请不要问一个反问题为什么我正在这样做).我怎么办setTimeout()才elevateZoom变得无功能.

骗子在这里

Answer 1

由于Elevate Zoom没有本机销毁,因此您必须执行以下操作:

setTimeout(function(){
      $.removeData($('img'), 'elevateZoom');
      $('.zoomContainer').remove();
},2000); 

这适合我.希望这可以帮助!

Answer 2

elevatezoom 内置了一个更好的解决方案：

var ezApi = $('#primaryImage').data('elevateZoom');
ezApi.changeState('disable');