javascript - 切换 JQuery 插件

Question

我有一个图像，我使用 imageLens 插件在其上调用缩放效果。它有效，但是我想在每次单击文本时切换插件。我尝试在很多地方使用 .toggle() ，但它要么切换图像，要么切换点击文本，但不会切换插件。我怎样才能实现这个目标。

HTML:

<li ><a href="#" id="zoom">Pan/Zoom</a></li>
<img src="bg.jpg" id="img1" width="100%" height="100%" style="position: absolute, z-index: -1"/ >

脚本:

$('#zoom').click(function() {
            $('#img1').imageLens({ lensSize: 150 });
    });

Answer 1

您可以通过一些小调整来做到这一点:

脚本:

    var flag=0;
  $(document).ready(function(){
     $('#img1').imageLens();
     $('#zoom').click(function() {
         flag=flag+1;
         if(flag%2 == 0){
          $('#img1').off();
        }else{
         $('#img1').imageLens({ lensSize: 150 });

          }
            });

     });

html:

<li ><a href="#" id="zoom">Pan/Zoom</a></li>
<img src="bg.jpg" id="img1" width="100%" height="100%" style="position: absolute, z-index: -1" />