点击取消jquery功能

Question

我正在使用hoverizr http://www.iliasiovis.com/hoverizr/

以下是我的代码。我希望$（“a.hamburg> img”）和$（“a.karlsruhe> img”）切换hoverizr功能，因此当它们被点击时，该功能被移除并显示全色图像，并且当再次点击时，该功能是添加。

$(document).ready(function() { 
$("a.hamburg>img").hoverizr(); 
$("a.karlsruhe>img").hoverizr(); 
}); 

编辑：悬停的推移颜色和悬停出的B/W再次，这很好，但点击它应该是颜色，并保持颜色，这就是我想要达到

Answer 1

的想法：插件通过在图像上叠加画布元素来工作。插件生成的画布有一个类.canv这个事实可以用来消除插件生成的效果。以下代码处理元素上的单击事件，并在事件触发时移除所需的画布，从而消除插件生成的效果。

$(document).ready(function() { 
    $("a.hamburg>img").hoverizr(); 
    $("a.karlsruhe>img").hoverizr(); 
    $("a.hamburg>img,a.karlsruhe>img").click(function(){ 
    $(this).closest(".canv").remove(); 
    }); 
}); 

如果您想再次调用它切换尝试：

var toggle=true; 
    $(document).ready(function() { 
     $("a.hamburg>img").hoverizr(); 
     $("a.karlsruhe>img").hoverizr(); 
     $("a.hamburg>img,a.karlsruhe>img").click(function(){ 
     if(toggle){ 
      $(this).closest(".canv").remove(); 
      toggle=false; 
     }else{ 
      $(this).hoverizr(); 
      toggle=true; 
     } 
     }); 
    });