jquery - swinxyzoom 放大 javascript 库：绑定缩放“点击”而不是“悬停”

Question

我正在使用“Swinxy Zoom”javascript 库（基于 jQuery）对图像产生很好的放大效果。

到目前为止一切顺利，我通过将缩放事件绑定到相关标签来实现预期的功能。请参阅下面的代码。

$(this).swinxyzoom({mode:'dock', zoom: 14 });

默认情况下，此库在悬停时触发缩放。但是，我想在点击时触发它，我设法做到了这一点（见下面的代码），但是一旦焦点不在图像中，我就找不到如何取消绑定 swinxyzoom 插件。

$('a.swinxyzoom').click(function(e) {
    e.preventDefault();

    $(this).swinxyzoom({mode:'dock', zoom: 14 });

    /* here some code that unbinds the zoom on "mouse out" of image */
});

我怀疑可能已经实现了一个内置功能，因为我提出的解决方案实际上只是一种解决方法。我仔细检查了 Swinxy Zoom 文档，但找不到任何符合我要求的内容，也许我错过了什么？

Answer 1

Swinxyzoom 正在改变你的 DOM。我想解除绑定的唯一方法是从你的 dom 中删除所有生成的 html。