javascript - 添加旋转类后 span 不旋转
问题描述
在我调用dates[j].classList.toggle("rotateNumber")
My的嵌套翻转函数中,console.log(dates[j])
正在记录节点并显示已添加类,但是当我查看 DOM 树时,它没有显示class="number"
属性内的类。我已经玩了一个小时了,但无法弄清楚。我有一个codepen,问题出在第105行。
let dates = document.querySelectorAll(".number");
// ui module
let rotate = 0
document.getElementById("right-arrow").addEventListener("click", (e) => {
rotate -= 90;
// Reset the calendar cells
(function filp(i) {
setTimeout(() => {
dateNodes[i].style.transform = "rotateY("+rotate+"deg)"
dateNodes[i].removeChild(dateNodes[i].firstChild)
if (i !== 41) {i++;filp(i)} else {
rotate -= 90
monthOffset--
if (monthOffset === 11) { yearOffset--; console.log("true"); console.log(yearOffset)}
fillCalendar(yearOffset,monthOffset);
console.log(dates);
(function filp(j) {
setTimeout(() => {
dates[j].classList.toggle("rotateNumber")
console.log(dates[j])
dateNodes[j].style.transform = "rotateY("+rotate+"deg)"
if (j !== 41) {j++;filp(j)}
}, 5)
})(0);
}
}, 5)
})(0);
解决方案
推荐阅读
- reactjs - 使用扩展运算符(或类似运算符)从单个 mixin 传递所有属性
- python - MongoClient(host=['localhost:PORT'], document_class=dict, tz_aware=False, connect=True)
- javascript - 如何用 JavaScript 输出 HTML 表格的行值?
- oauth-2.0 - RBAC - 范围或自定义声明
- google-app-engine - GAE 上的 Firestore 身份验证是否需要多个服务?
- r - R-Project 以纯文本形式向我发送了未加密的密码
- dummy-variable - 在处理数据集中的多个分类特征时,多个虚拟变量是否应该从不同的数字开始?
- ios - 是否有必要在旋转时更新 TableView 布局?
- firebase - 为什么在传递多个字段时在firebase中创建新文档时只设置一个字段?
- react-native - 如何使用 wix 的 react-native-navigation popTo()?