Почему скрывается выпадающий список при ресайзе окна?

Question

[Дима Паутов]

Добрый вечер. Помогите решить проблему. У меня есть меню. На большом экране выпадающий список появляется при ховере, а не мальньком, должен появляться по клику.

Я написал функцию, которая решает мою задачу, но вот проблема. Если мы ресайзим окно, то при клике выпадающий список сначала открывается, а потом закрывается. Если просто обновить страницу на маленьком размере, то все работает как часы.

Помогите найти ошибку!

https://jsfiddle.net/5phr3mdo/2/

Answer 1

[pashted]

https://jsfiddle.net/382drzhg/2/

Comments

[Дима Паутов]

Суть только в этом .unbind('click') ?

[pashted]

ну можно вынести on() за пределы win.resize. тогда анбинд не нужен будет. но да, суть в нем

[pashted]

я имею ввиду on(click) вынести в document.ready

Answer 2

[Олег]

Я был сделал так:
https://jsfiddle.net/5phr3mdo/3/

Функция resize - может вызываться много раз за короткое время, и как следствие - создается много onclick событий. Это не хорошо, браузер может начать тормозить...)

Следует добиться того, чтоб onclick-событие создалось только 1 раз.