swinxyzoom放大javascript库：bind zoom＆＃34;点击＆＃34;而不是＆＃34;在悬停＆＃34;

Question

我使用"Swinxy Zoom" javascript library (jQuery based)对图像有一个很好的放大效果。

到目前为止，我通过将zoom事件绑定到相关标记来实现预期功能。请参阅下面的代码。

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

默认情况下，此库会在悬停时触发缩放。但是，我想在点击时触发此操作，我设法执行此操作（请参阅下面的代码），但是一旦焦点超出图像，我无法找到解除swinxyzoom插件的绑定。 / p>

$('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 */
});

我怀疑可能已经实现了内置功能，因为我提出的解决方案只是一个真正的解决方案。我仔细检查the Swinxy Zoom doc但找不到符合我要求的任何东西，也许我错过了什么？

Answer 1

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