Question

单击按钮后，图像不透明度会发生变化，但仍然会在悬停时显示重新按钮一旦图像的不透明度发生变化，是否可以完全删除红色按钮...

在下面提供我的js代码

  $(document).ready(function(){
                  $(".specialHoverOne").hover(function(){
    //  alert("i am here");
                    $(".ctaSpecialOne").css("visibility","visible");


                    },
                    function(){
                        $(".ctaSpecialOne").css("visibility","hidden");
                  }
                  );

     $(".ctaSpecialOne").click(function(e){
                        e.preventDefault();

                        $(this).parent().prev().prev().css({'opacity':.5});    

                 }); 


                });

Answer 1

是的......假设.ctaSpecialOne是红色按钮的类......

$(".ctaSpecialOne").on('click', function(){
    $(this).remove();
});

集成到您的代码中

 $(".ctaSpecialOne").click(function(e){
      e.preventDefault();
     $(this).parent().prev().prev().css({'opacity':.5});
     $(this).remove();   
 });

Answer 2

$(this).parent().prev().prev().css({'opacity':.5}).stop(true,true).delay(1).queue(function (){
    ... your code here ...
    $(this).dequeue();
});

这就是我通常接近它的方式......

我还建议将.css更改为.animate，然后您可以执行以下操作...

$(this).parent().prev().prev().stop(true,true).animate({'opacity':.5}).delay(1).queue(function (){
    ... your code here ...
    $(this).dequeue();
});

不透明度后jquery悬停状态

2 个答案: