Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery swinxyzoom放大javascript库:绑定缩放“;点击";而不是",;“悬停上”;_Jquery_Javascript_Magnify - Fatal编程技术网

Jquery swinxyzoom放大javascript库:绑定缩放“;点击";而不是",;“悬停上”;

Jquery swinxyzoom放大javascript库:绑定缩放“;点击";而不是",;“悬停上”;,jquery,javascript,magnify,Jquery,Javascript,Magnify,我以前在图像上有很好的放大效果 到目前为止,我通过将缩放事件绑定到相关标记实现了预期的功能。请参阅下面的代码 $(this).swinxyzoom({mode:'dock', zoom: 14 }); 默认情况下,此库将触发缩放悬停。然而,我想在点击时触发它,我设法做到了这一点(见下面的代码),但我找不到在焦点离开图像后如何解除swinxyzoom插件的绑定 $('a.swinxyzoom').click(function(e) { e.preventDefault(); $

我以前在图像上有很好的放大效果

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

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

我怀疑可能已经实现了一个内置功能,因为我提出的解决方案实际上只是一个解决方案。我仔细检查了一下,但找不到任何符合我要求的内容,可能我遗漏了什么?

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

解除swinxyzoom绑定的主要原因是什么?是因为您想更改图像吗?缩放功能只应在“单击”时激活,即使在您第一次激活它之后也是如此。我将提供一个JSFIDLE,因为当前的行为有点笨拙