javascript - 如何禁用 elevateZoom？

Question

如何调用 elevateZoom 中的 destroy 函数？ ？文档没有提及它，如果我在 source 中快速 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 无法正常工作。

FIDDLE HERE

Answer 1

因为 Elevate Zoom 没有原生的破坏，你必须做这样的事情:

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

这对我有用。希望这对您有所帮助!