如何解决Internet Explorer 中箭头功能的演练
首先,我需要说我对 JS 很陌生。我试图让我的项目过滤器在 IE 中工作。但我不知道如何为那位老哥们走走 ;)) 如果有任何想法,我将不胜感激。
这是函数。
function app() {
const buttons = document.querySelectorAll('.portfolio__navigation-item')
const cards = document.querySelectorAll('.portfolio__collections-item')
function filter (category,items) {
items.forEach((item) => {
const isItemFiltered = !item.classList.contains(category)
const isShowAll = category.toLowerCase() === 'all'
if (isItemFiltered && !isShowAll) {
item.classList.add('anime')
} else {
item.classList.remove('hide')
item.classList.remove('anime')
}
})
}
buttons.forEach((button) => {
button.addEventListener('click',() => {
const currentCategory = button.dataset.f
filter(currentCategory,cards)
})
})
cards.forEach((card) => {
card.ontransitionend = function () {
if (card.classList.contains('anime')) {
card.classList.add('hide')
}
}
})
}
app();
这是小提琴
https://jsfiddle.net/30b8xte2/
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。