Question

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

以下是我的代码。我想要$（“a.hamburg＆gt; img”）和$（“a.karlsruhe＆gt; img”）来切换hoverizr函数，这样当它们被点击时，该函数被删除并显示全彩色图像，当再次点击时，函数是加入。

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

编辑：在悬停它的颜色并再次将鼠标悬停在黑白中，这很好，但点击它应该是颜色并保持我想要实现的颜色

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

单击时删除Jquery函数

1 个答案: