不透明度后的jquery悬停状态

Question

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

http://jsfiddle.net/mwPeb/11/

在下面提供我的 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();
});