根据点击了多少个是放射线框来旋转一个元素

Question

我正试图通过在调查中查找“是”的每次点击来旋转“速度表”上的针，并且对于每次点击我想将针旋转几度，但我不喜欢不知道如何获得这种效果。 这就是我得到的：

jQuery('input[value="Yes"]').on('click', function (){


        jQuery('#progress').animate( marginBottom: +=4 }, 
        {
            step: function(now,fx) {
                jQuery(this).css('-webkit-transform','rotate('+now+'deg)'); 
                };  


        });

的CSS：

#progress{
top: 78px;
left: 34px;
height: 0px;
width: 130px;
position: relative;
border: 2px solid #232323;
border-radius: 2px;
-webkit-transform: rotate(7deg);

}

这是小提琴：http://jsfiddle.net/pTkkS/2/

Answer 1

jsFiddle

$('input[value=Yes]').on('change', function() {
    $('#progress').animate(
        {
            marginBottom: '+=4'
        },{
            step: function(now, fx) {
                $(this).css({transform: 'rotate(' + now + 'deg)'});
        }
    });
});