我有一张使用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 });
    });

最佳答案

您可以进行一些小的调整:

脚本:

    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" />

关于javascript - 切换JQuery插件,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/27665878/

10-16 13:38