Javascript 一经点击，问题就出现了

我的以下脚本位于：

函数旋转fo（当前）{
变量角度=（当前数据（‘角度’）+90）；
当前数据（“角度”，角度）；
console.log（'角度：'，角度）；
current.css({
“变换”：“旋转（“+角度+”度）”
});
当前数据（“角度1”，角度）；
}
$（文档）.ready（函数（）{
函数generateNumb（）{
风险值开始=[0,90,180,270]；
var start=start[Math.floor（Math.random（）*4）]；
返回启动；
}
$（'.foo'）。每个（函数（）{
$（this.css）({
“transform”：“rotate（'+generateNumb（）+'deg）”
});
});
$（'.foo'）。在（'click'，function（）上{
rotateFoo（$（本））；
});
});
.wrapper{
宽度：306px；
边框：3倍纯黑；
保证金：50px自动0；
溢出：隐藏；
}
傅先生{
宽度：100px；
高度：70像素；
背景色：#faa；
过渡：所有。5s轻松；
浮动：左；
光标：指针；
文本对齐：居中；
填充顶部：30px；
边框：1px实心#fff；
}

1.
2.
3.
4.
5.
6.
7.
8.
9

这是因为在初始旋转时，您没有将任何
数据（'agle'）
设置为元素，当单击时，您将获得
未定义+90


函数旋转fo（当前）{
变量角度=（当前数据（‘角度’）+90）；
当前数据（“角度”，角度）；
console.log（'angle:'，current.data（'angle'）；
css（{'transform'：'rotate（'+angle+'deg'）}）；
当前数据（“角度1”，角度）；
}
$（文档）.ready（函数（）{
函数generateNumb（）{
风险值开始=[0,90,180,270]；
var start=start[Math.floor（Math.random（）*4）]；
返回启动；
}
$（'.foo'）。每个（函数（）{
var angle=generateNumb（）；
$（this）.css（{'transform'：'rotate（'+angle+'deg'）}）.data（'angle'，angle）；
});
$（'.foo'）。在（'click'，function（）上{
rotateFoo（$（本））；
});
});
正文{
字体系列：无衬线；
}
钮扣{
宽度：180px；
高度：80px；
填充：10px；
光标：指针；
字体大小：20px；
}
.包装纸{
宽度：306px；
边框：3倍纯黑；
保证金：50px自动0；
溢出：隐藏；
}
傅先生{
宽度：100px；
高度：70像素；
背景色：#faa；
过渡：所有。5s轻松；
浮动：左；
光标：指针；
文本对齐：居中；
填充顶部：30px；
边框：1px实心#fff；
}

1.
2.
3.
4.
5.
6.
7.
8.
9

这是因为在初始旋转时，您没有将任何
数据（'agle'）
设置为元素，当单击时，您将获得
未定义+90


函数旋转fo（当前）{
变量角度=（当前数据（‘角度’）+90）；
当前数据（“角度”，角度）；
console.log（'angle:'，current.data（'angle'）；
css（{'transform'：'rotate（'+angle+'deg'）}）；
当前数据（“角度1”，角度）；
}
$（文档）.ready（函数（）{
函数generateNumb（）{
风险值开始=[0,90,180,270]；
var start=start[Math.floor（Math.random（）*4）]；
返回启动；
}
$（'.foo'）。每个（函数（）{
var angle=generateNumb（）；
$（this）.css（{'transform'：'rotate（'+angle+'deg'）}）.data（'angle'，angle）；
});
$（'.foo'）。在（'click'，function（）上{
rotateFoo（$（本））；
});
});
正文{
字体系列：无衬线；
}
钮扣{
宽度：180px；
高度：80px；
填充：10px；
光标：指针；
字体大小：20px；
}
.包装纸{
宽度：306px；
边框：3倍纯黑；
保证金：50px自动0；
溢出：隐藏；
}
傅先生{
宽度：100px；
高度：70像素；
背景色：#faa；
过渡：所有。5s轻松；
浮动：左；
光标：指针；
文本对齐：居中；
填充顶部：30px；
边框：1px实心#fff；
}

1.
2.
3.
4.
5.
6.
7.
8.
9

您只需更改此设置

    $('.foo').each(function(){
      $(this).css({'transform': 'rotate(' + generateNumb() + 'deg)'});
    });

与

这样可以设置角度值。
您只需更改此值即可

    $('.foo').each(function(){
      $(this).css({'transform': 'rotate(' + generateNumb() + 'deg)'});
    });

与

通过这种方式设置角度值。
请记住将所有相关代码放入问题中，什么设置了初始<代码>数据角度值？您没有设置<代码>数据角度的初始值anywhere@Liam创建包含所有CSS的代码段会给问题添加一堆不相关的代码。有小提琴是好的，因为JavaScript是问题所在。@Liam CSS是不相关的。与所有的
.foo
s一样，您最多只需要两个。请记住，将所有相关代码放入问题中：是什么设置了
数据角度的初始值？您没有设置
数据角度的初始值anywhere@Liam创建包含所有CSS的代码段会给问题添加一堆不相关的代码。有小提琴是好的，因为JavaScript是问题所在。@Liam CSS是不相关的。就像所有的
.foo
一样，您最多只需要两个。这就是CSS转换的样子。这只不过是字符串连接。将函数的结果移动到变量中丝毫不会改变操作。@Dave Newton，你弄错了，我使用了变量，这样我们就可以对css和数据属性使用相同的随机值。这里缺少的主要内容不是第一次在数据中设置角度属性。啊，我明白了。明白了。这就是CSS转换的样子。这只不过是字符串连接。将函数的结果移动到变量中丝毫不会改变操作。@Dave Newton，你弄错了，我使用了变量，这样我们就可以对css和数据属性使用相同的随机值。这里缺少的主要内容不是第一次在数据中设置角度属性。啊，我明白了。理解。