Tengo un proyecto donde se debe usar Mmenu js, que es la biblioteca js. Aqui esta el link
document.addEventListener("DOMContentLoaded", () => { new Mmenu("#menu", { offCanvas: { position: "left", }, theme: "light", }); }); <link href="https://cdnjs.cloudflare.com/ajax/libs/jQuery.mmenu/9.1.0/mmenu.min.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery.mmenu/9.1.0/mmenu.js"></script> <nav id="menu"> <ul> <li><a href="/">Home</a></li> <li><a href="/work">Our work</a></li> <li> <span>About us</span> <ul> <li><a href="/about/history">History</a></li> <li> <span>The team</span> <ul> <li><a href="/about/team/management">Management</a></li> <li><a href="/about/team/sales">Sales</a></li> <li><a href="/about/team/development">Development</a></li> </ul> </li> </ul> </li> <li> <span>Services</span> <ul> <li><a href="/services/design">Design</a></li> <li><a href="/services/development">Development</a></li> <li><a href="/services/marketing">Marketing</a></li> </ul> </li> <li><a href="/contact">Contact</a></li> </ul> </nav>Aquí está el código. No funciona en absoluto. Lo que veo es solo un error en la consola.
TypeError no capturado: no se pueden leer las propiedades de undefined (leyendo 'setAttribute')
Por favor, me ayudas con ésto. Incluso he probado versiones anteriores, pero todavía no funciona. Estoy usando Chrome 99.
Intenté reproducir su problema e hice algunos cambios en él. Espero que así es como querías que funcionara.
Fragmento de código de trabajo.
document.addEventListener("DOMContentLoaded", () => { new Mmenu("#menu", { offCanvas: { position: "left", }, theme: "light", }); }); <link href="https://cdnjs.cloudflare.com/ajax/libs/jQuery.mmenu/9.1.0/mmenu.min.css" rel="stylesheet" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery.mmenu/9.1.0/mmenu.js"></script> <!-- The page --> <div class="page"> <div class="mh-head Sticky"> <a href="#menu" class="mh-text">demo</a> </div> </div> <nav id="menu"> <ul> <li><a href="/">Home</a></li> <li><a href="/work">Our work</a></li> <li> <span>About us</span> <ul> <li><a href="/about/history">History</a></li> <li> <span>The team</span> <ul> <li><a href="/about/team/management">Management</a></li> <li><a href="/about/team/sales">Sales</a></li> <li><a href="/about/team/development">Development</a></li> </ul> </li> </ul> </li> <li> <span>Services</span> <ul> <li><a href="/services/design">Design</a></li> <li><a href="/services/development">Development</a></li> <li><a href="/services/marketing">Marketing</a></li> </ul> </li> <li><a href="/contact">Contact</a></li> </ul> </nav>