jQuery toggle() не всегда срабатывает

Question

Я делаю базовую мобильную навигацию и использую событие click для отображения/скрытия меню.

Уменьшенный образец кода:

 jQuery('.menu-button').click(function(){ 
      jQuery('.header-nav').toggle(); 
      console.log('clicked'); 
     }); 

Я удаленно отладки на мобильном телефоне и console.log всегда работает, но .header-navtoggle(), кажется, случайно не вызвать - я не могу определить шаблон для он, но он всегда остается в DOM (который он должен), поэтому его как-то удалить не является причиной, по которой он не стреляет.

Любые идеи?

Answer 1

Благодаря комментарию Кевина Б. кажется, что событие click срабатывает несколько раз. Чтобы исправить это, было использовано следующее:

$(element).off().on('click', function() { 
    // function body 
}); 

Ссылка: jQuery click events firing multiple times