jquery - 删除点击时的 Jquery 函数

Question

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

下面是我的代码。我想要 $("a.hamburg>img") 和 $("a.karlsruhe>img") 切换 hooverizr 功能，因此当单击它们时，该功能将被删除并显示全彩图像，当再次单击时，该功能将变为添加。

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

编辑:悬停时它会变成颜色并再次悬停在黑白上，这很好，但是单击时它应该是颜色并保持颜色，这就是我想要实现的

Answer 1

想法:该插件的工作原理是在图像上覆盖 Canvas 元素。插件生成的 Canvas 有一个类 .canv 这个事实可以用来去除插件生成的效果。以下代码处理元素上的单击事件，并在触发事件时删除所需的 Canvas ，从而删除插件生成的效果。

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