jquery-ui - jQuery不透明度不起作用

Question

单击红色按钮而不是添加不同的图像后，我正在尝试更改图像的不透明度，并且我不应该在新图像上看到红色按钮

我的JS代码如下。

http://jsfiddle.net/mwPeb/7/

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

        },

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

        $(".ctaSpecialOne").click(function (e) {
            alert("clicked");
            e.preventDefault();
            //$(this).closest('.specialHoverOne').unbind("mouseenter").end().parent().siblings('a').children("img").attr("src", //"http://imgs.zinio.com/magimages/62898189/2012/416242497_200.jpg");                
            $(this).css({
                'opacity': 50
            });

        });

    });
</script>

Answer 1

我会花一些时间来清理这里的编码，找到任何东西有点困难，而且结构有点难以理解。

如果我理解正确，我相信这是您需要在单击红色按钮时使红色按钮上方的图像更改不透明度的行。

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

进一步来说;

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

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

Answer 2

您希望红色按钮的不透明度在单击时更改？还是上面的图？对于初学者，要设置不透明度，您将更改您的行：

$(this).css({'opacity':50});

到：

$(this).css({ opacity: 0.5 });

在您当前的小提琴中，您会看到设置了红色按钮的不透明度。如果你想让它设置别的东西，你现在有了语法。

更新： 与其连接一堆重复相同代码的 .click() 事件，最好创建一个函数

function setThisOpacity(id) {
    $("#" + id).css({ opacity: 0.5 });
    //do other stuff if you need to
}

然后在您的 html 标记中，只需向要设置不透明度的项目添加一个实际 IDonclick="setThisOpacity(someID);"所在的位置。someID