Błąd w JS

[ar4]

Witam,

w konsoli wyskakuje mi błąd przez który nie działa strona i wyświetla się pusta strona.

Błąd to:

Cytat

HierarchyRequestError: Node cannot be inserted at the specified point in the hierarchy jquery.js:3

    jQuery 3

      append

      Ga

      append

    mobileChange js/myscript.js:64

    <anonimowa> js/myscript.js:68

 

Mój kod to:

jQuery(document).ready(function(){
  jQuery('#nav-icon').click(function(){
    jQuery(this).toggleClass('open');
    jQuery('#primary-menu').toggleClass('menuOpen');
  });
});



const primaryMenu = jQuery('#primary-menu');
const siteNavigation = jQuery('#site-navigation');

const getSiblings = function (elem) {
    let siblings = [];
    let sibling = elem.parentNode.firstChild;
    let skipMe = elem;
    for ( ; sibling; sibling = sibling.nextSibling )
        if ( sibling.nodeType == 1 && sibling != skipMe )
            siblings.push( sibling );
    return siblings;
}


const liWithChildren = document.querySelectorAll('.menu-item-has-children');
liWithChildren.forEach((element)=>{
   element.children[0].addEventListener('mouseenter', (event)=>{
       if (window.innerWidth >= 992) {
           element.children[0].classList.add('after');
           element.children[1].classList.add('menuOpen');
           event.stopPropagation()
       }
   });
   element.addEventListener('mouseleave', ()=>{
       if (window.innerWidth >= 992) {
           element.children[0].classList.remove('after');
           element.children[1].classList.remove('menuOpen');
       }
   });


    element.children[0].addEventListener('click', (event)=>{
        if (window.innerWidth <= 991) {
           event.preventDefault();
           if ( element.children[1].classList.contains('menuOpen')) {
                window.location.href = element.children[0].getAttribute('href');
           }else {
               element.children[1].classList.add('menuOpen');
               let elementSiblings = getSiblings(element);
               elementSiblings.forEach((sibling)=>{
                   sibling.children[0] ? sibling.children[0].classList.remove('menuOpen') : console.log('brak elementu');
                   sibling.children[1] ? sibling.children[1].classList.remove('menuOpen') : console.log(';)');
               });
           }
        }
    });

});
const mobileChange = ()=>{
    if (window.innerWidth <= 991) {
        primaryMenu.append(jQuery('.search'));
        primaryMenu.append(jQuery('.socialWrapper'));
    }else {
        siteNavigation.append(jQuery('.search'));
        siteNavigation.append(jQuery('.socialWrapper'));
    }
};
mobileChange();
jQuery( window ).resize(function() {
    mobileChange();
});

Ktoś może pomóc przerobić ten kod, aby było dobrze??

[Seowca]

Ten kod odwołuje się do elementów HTML. Bez nich ciężko coś więcej powiedzieć. Ale wydaje się, że w funkcji mobileChange jest coś pomieszane.