问题描述
首先,我需要说我对 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 (将#修改为@)