Усовершенствование кода горизонтального меню
 

Написал горизонтальное резиновое меню для себя. В принципе что хотел реализовать то и вышло(выпадающее меню на несколько колонок, при уменьшении все плавно смещает и обрезает текст в нужный момент), возможно у Вас будут другие взгляды на определенные вещи, буду рад услышать. Но вся суть вопроса немного в другом.

После нескольких ресайзов hover заметно стает замедление срабатывать. Мои знания jQuery пока что не дают ответа на вопрос почему так может быть. Может кто-то подскажет в чем суть проблемы и как ее можно решить.

Демо codepen.io

falkone,
каждый resize увеличивает количество hover

Ого, точно, в консоле hover потом растут очень сильно. С чем это связано?

:-?
resize -> AdaptiveMenu.init() -> this.setSubWrapperWidth() -> this.addDesktopEventListener() -> this.$li.hover

В консоле после ресайза, hover за раз вызывается больше 5 раз, чем больше ресайзов тем больше одновременных вызовов.

Это можно как то обойти?

falkone,
проверять если hover установлен, более не ставить.
и ждать когда ресайз закончится (для оптимизации) тогда запускать перерасчёт.

Спасибо, завтра доделаю.