E
Все уже написано
Size: a a a
2020 February 04
ZS
addEventListener будет при каждом наведении снова добавлять эту функцию а onclick только один раз
с мобилы помочь не выйдет..
onXXX вариант не прокатит
и проблему вы не поняли видимо
addEventListener не добавляет функцию каждый раз
я ж забиндил единожды на mouseenter и mouseleave
кода много (можно посворачивать методы) и перейти к логике (в конце)
onXXX вариант не прокатит
и проблему вы не поняли видимо
addEventListener не добавляет функцию каждый раз
я ж забиндил единожды на mouseenter и mouseleave
кода много (можно посворачивать методы) и перейти к логике (в конце)
KS
с мобилы помочь не выйдет..
onXXX вариант не прокатит
и проблему вы не поняли видимо
addEventListener не добавляет функцию каждый раз
я ж забиндил единожды на mouseenter и mouseleave
кода много (можно посворачивать методы) и перейти к логике (в конце)
onXXX вариант не прокатит
и проблему вы не поняли видимо
addEventListener не добавляет функцию каждый раз
я ж забиндил единожды на mouseenter и mouseleave
кода много (можно посворачивать методы) и перейти к логике (в конце)
нее, правильно сказали выше, 100 пудов новые листенеры создаёшь при каждом наведении, а от старых не отписываешься.
M
Все уже написано
кем?
ZS
нее, правильно сказали выше, 100 пудов новые листенеры создаёшь при каждом наведении, а от старых не отписываешься.
а посмотреть код не вариант? зачем гадаете то)
посмотрите функцию
transitionEnd
она вызывает CUtil.one(el, transition, callback);
посмотрите функцию
transitionEnd
она вызывает CUtil.one(el, transition, callback);
ZS
и вот уже one что делает
one: function onetime(el, type, callback) {
el.addEventListener(type, function callee(e) {
// remove event
if (e.target && e.target.removeEventListener) {
e.target.removeEventListener(e.type, callee);
}
// call handler
return callback(e);
});
},
one: function onetime(el, type, callback) {
el.addEventListener(type, function callee(e) {
// remove event
if (e.target && e.target.removeEventListener) {
e.target.removeEventListener(e.type, callee);
}
// call handler
return callback(e);
});
},
ZS
то есть при первой отработке она удаляет свой листенер
M
чет гдет 💩 кодом повеяло🤤
V
Тема и шрифт для vs code
тема конечно отвратная
M
всем привет
подскажите пожалуйста где мой косяк
Какой-то из методов написан неверно либо косяк в логике
Задача - при наведении на элемент - сперва добавлять класс промежуточного состояния, а после окончания transition - класс конечного состояния
при уходе с элемента - делать обратное действие.
Всё на ванилле, либа не моя, выдрал методы от которых работа кода зависит
Не могу понять либо я накосячил где-то либо у них какой-то метод не учитывает что-то
Что сделать:
1) Открыть https://codepen.io/7iomka/pen/jOPNaxp?editors=1011
2) открыть консоль и навести на сайдбар и увести..
Ожидание: должно вывести в консоль 2 лога..
Реальность: выводит 2 лога, 4лога, ... и так в геометрической прогрессии (наверное) кол-во логов увеличивается
Как-будто бы события не завершаются / не удаляются..
если расскоментить jquery вариант - всё будет работать как ожидалось.
Спасибо неравнодушным)
подскажите пожалуйста где мой косяк
Какой-то из методов написан неверно либо косяк в логике
Задача - при наведении на элемент - сперва добавлять класс промежуточного состояния, а после окончания transition - класс конечного состояния
при уходе с элемента - делать обратное действие.
Всё на ванилле, либа не моя, выдрал методы от которых работа кода зависит
Не могу понять либо я накосячил где-то либо у них какой-то метод не учитывает что-то
Что сделать:
1) Открыть https://codepen.io/7iomka/pen/jOPNaxp?editors=1011
2) открыть консоль и навести на сайдбар и увести..
Ожидание: должно вывести в консоль 2 лога..
Реальность: выводит 2 лога, 4лога, ... и так в геометрической прогрессии (наверное) кол-во логов увеличивается
Как-будто бы события не завершаются / не удаляются..
если расскоментить jquery вариант - всё будет работать как ожидалось.
Спасибо неравнодушным)
gsap🤔
ZS
gsap🤔
я знаю что такое gsap) не надо мне его сюда приписывать)
задача конкретная и ясная) нужно разобраться в каком месте косяк
эта штука в топовой по продажам теме
так что со ссылками на левый код - к ним)
я лишь хочу разобраться где дичь закралась(
задача конкретная и ясная) нужно разобраться в каком месте косяк
эта штука в топовой по продажам теме
так что со ссылками на левый код - к ним)
я лишь хочу разобраться где дичь закралась(
L
а посмотреть код не вариант? зачем гадаете то)
посмотрите функцию
transitionEnd
она вызывает CUtil.one(el, transition, callback);
посмотрите функцию
transitionEnd
она вызывает CUtil.one(el, transition, callback);
Смотреть то смотрим но там ничего не понятно, думаю только ты понимаешь как это все работает и чёт твой код не читается, ты написал огроменную функцию которую можно написать с помощью trigger :D?
M
дич в многоразовом навешивании событий, отсутствии таймлайнов
L
дич в многоразовом навешивании событий, отсутствии таймлайнов
Он это отрицает
M
это подтвержденный факт. (незачем удалять то что вешается однажды)
ZS
Смотреть то смотрим но там ничего не понятно, думаю только ты понимаешь как это все работает и чёт твой код не читается, ты написал огроменную функцию которую можно написать с помощью trigger :D?
CUtil это объект с методами
сверните его пусть не мешает
почитайте код
если интересно что делает какой-то из методов - раскрываете и смотрите
это ведь не сложно
я выдрал методы которые участвуют в проблемной фиче
и не понимаю - вроде код понятный
все методы написаны норм
но работает всё не как надо(
где искать и как...вообще ахтунг(
сверните его пусть не мешает
почитайте код
если интересно что делает какой-то из методов - раскрываете и смотрите
это ведь не сложно
я выдрал методы которые участвуют в проблемной фиче
и не понимаю - вроде код понятный
все методы написаны норм
но работает всё не как надо(
где искать и как...вообще ахтунг(
M
ну ты пытаешся там таймлайн навелосипедить. окей. 🤤
ZS
ну ты пытаешся там таймлайн навелосипедить. окей. 🤤
ничего я не пытаюсь
я взял готовый кусок кода и пытаюсь понять почему он работает с утечкой
вы мне предлагаете его переписать
я это могу банально заменив на код с jquery который там закомменчен
но задача - ПОНЯТЬ что не так - если один из методов неправильно реализован - какой?
если код где-то что-то не учитывает - где?
я взял готовый кусок кода и пытаюсь понять почему он работает с утечкой
вы мне предлагаете его переписать
я это могу банально заменив на код с jquery который там закомменчен
но задача - ПОНЯТЬ что не так - если один из методов неправильно реализован - какой?
если код где-то что-то не учитывает - где?
M
а, т.е. ты сам не писал. ну ето еще *лучше