Нашел полифил для closest. Но я тупой наверное
он не хочет работать.
Пробовал вставлять через ссылку
<script src="https://cdn.polyfill.io/v2/polyfill.js?features=Element.prototype.closest"></script>
- тоже не работает.
(function(e){
e.closest = e.closest || function(css){
var node = this;
while (node) {
if (node.matches(css)) return node;
else node = node.parentElement;
}
return null;
}
})(Element.prototype);
if (!Element.prototype.matches) {
Element.prototype.matches =
Element.prototype.matchesSelector ||
Element.prototype.mozMatchesSelector ||
Element.prototype.msMatchesSelector ||
Element.prototype.oMatchesSelector ||
Element.prototype.webkitMatchesSelector ||
function(s) {
var matches = (this.document || this.ownerDocument).querySelectorAll(s),
i = matches.length;
while (--i >= 0 && matches.item(i) !== this) {}
return i > -1;
};
}
У меня есть скрипт
let descList = document.querySelectorAll('.upsale__block__bot-right__title-wrap');
descList.forEach(function(descF) {
descF.onclick = function viewblock(){ //кнопка/блок, по которой нажимаем
let listF = this.closest('.upsale__block__sub-right-wrap');
let descshow = listF.children[1]; //выбор блока, который нужно скрыть/показать
let arrow = this.querySelector('.arrow_up');
if (descshow.classList == "dflex"){
arrow.classList.toggle("");
listTestF.classList.toggle("dnone"); //удаляем класс
} else {
descshow.classList.toggle("dnone"); //удаляем класс
arrow.classList.toggle("arrow-down");
}
};
});
На сколько я понял, то надо Element поменять на класс блока, который отслеживается, но полифил раньше добавляется и он не видит переменную для нужных блоков.
Подскажите, пожалуйста, почему не хочет работать с моим скриптом указанный выше полифил?
