JavaScript增量++不透明度每次点击

Question

您好我无法使用JavaScript增加opacity的{​​{1}}。这是我正在使用的代码...

background-color:hsla() div

我想要的最终结果是不透明度在之前的设置下开始，然后每次单击按钮时它都会增加0.1，直到达到1然后让它返回0然后开始增加再次点击0.1，依此类推。

提前致谢， 克里斯

Answer 1

使用此代码不透明度始终为1.1

纠正下面的功能：

Opacity = 0.1

$( "#Opacity" ).button().click(function() {

    Opacity = (Opacity==1) ? 0 : (Opacity + 0.1);
    $( "#TimeDate, #Weather, #ticker, #Pages" ).css( "background-color", "hsla(0,0   %,0%,"+Opacity +")" );
    Cookie.set('bgo', $('#TimeDate, #Weather, #ticker, #Pages').css('background-color'), 365);
    return false;
});