Как вызывать функцию на ресайз и при загрузке страницы?

Question

[gretyl007]

Есть скрипт для меню, но он срабатывает только при ресайзе страницы, а при переходе по любой ссылке из меню скрипт перестает работать.
Код:

jQuery(document).ready(function($){
       $(window).resize(function() {
  if(document.documentElement.clientWidth < 769) {
       $("#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-12-of-12 > ul.mega-sub-menu > li.mega-menu-item").click(function(e) {
       //e.preventDefault();
       $("#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-12-of-12 > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu").removeClass('open');
 if (!jQuery(this).find('ul.mega-sub-menu').hasClass('open')) { 
    jQuery(this).find('ul.mega-sub-menu').addClass('open'); 
  } else { 
    jQuery(this).find('ul.mega-sub-menu').removeClass('open'); 
  }
    })
}
});
});

Насколько я понимаю, нужно вызвать функцию при загрузке страницы? Но как?

Answer 1

[Шохрух Шаймардонов]

Проще всего оберните это как именованную функцию и вызывайте ее при нужных событиях. В вашем случае будет примерно так:

function func() {
// Тут тело вашей функции
}
window.onload = window.onresize = func()

Comments

[gretyl007]

Обернула функцию, все равно при переходе по ссылке скрипт не срабатывает.

[Шохрух Шаймардонов]

gretyl007, лучше покажите сразу, что получилось