jquery - 单击按钮时jQuery旋转立方体

Question

为什么按钮不让立方体旋转？
我正在添加 +=45deg 到它！这是代码：jQuery：

$(document).ready(function(){
    $('button').click(function(){
        $('#cube').css('-webkit-transform','rotateY(+=45deg)');
    });
});

html:

<button>rotate</button>
<div id="cube">
</div>

CSS：

#cube {
display: block;
width: 250px;
height: 250px;
background: #66F;
}

jsfiddle：http: //jsfiddle.net/ysLet/

Answer 1

http://jsfiddle.net/ysLet/3/

似乎 += 运算符在 css 行中不起作用

    $(document).ready(function(){
    deg = 0;
    $('button').click(function(){
        deg += 45;
        $('#cube').css('-webkit-transform','rotateY('+deg+'deg)');
    });
});

这成功了……