jQuery-单击销毁并重新初始化插件

我正在我的网站上使用以下缩放插件：

它使用mouseenter和mouseleave事件工作。我正在努力使这项工作与点击。单击可缩放和取消缩放，也可在鼠标上取消缩放

单击初始化与下面的代码一起工作，但我希望在第二次单击或鼠标删除，甚至单击到新幻灯片时添加销毁或停止该功能。它在旋转木马滑块内有人有什么想法吗

jQuery('span.zoom img').bind('click',function(){
    jQuery("span.zoom img").elevateZoom({
        zoomType: "inner",
        cursor: "crosshair",
        responsive: true,
        scrollZoom: true
    });
});

编辑：我已经放弃了上述情况，创建了自己的缩放。这场运动现在给我带来了麻烦。链接：

---

如果您通过单击切换一个类会怎么样？我没试过，但值得一试。您需要循环浏览每个图像，如下所示：

jQuery(document).ready(function() {

jQuery('span.zoom img').each(function() {
    var self = jQuery(this);
    self.click(function() {
        self.toggleClass('doZoom');    
    });
});

jQuery('.doZoom').elevateZoom({
    zoomType: "inner",
    cursor: "crosshair",
    responsive: true,
    scrollZoom: true
});

});

---

所以，按照您的代码snippit，我已经得到了它的初始化和点击。我不得不在each函数中的另一个函数调用中添加.elevateToom函数，该函数检查span.zoom img是否具有doZoom类。现在我需要一种方法来销毁ElevateToom的实例。这足够容易吗？当你点击缩放后再次点击会发生什么？我不是100%确定，因为我最终做了自己的缩放。对于大小为x2的相同图像，这是一个简单的交换。我在mousemove上移动图像的地方添加了代码。这一举措没有按预期进行。我也加入了一个链接。有什么想法吗？

jQuery(document).ready(function() {

jQuery('span.zoom img').each(function() {
    var self = jQuery(this);
    self.click(function() {
        self.toggleClass('doZoom');    
    });
});

jQuery('.doZoom').elevateZoom({
    zoomType: "inner",
    cursor: "crosshair",
    responsive: true,
    scrollZoom: true
});

});