Un usuario pregunt贸 馃憞
Estoy intentando convertir este sitio http://buildandtest.atspace.cc/ en un tema de veinti煤n hijos. /Js/menu.js en el tema de mi hijo no parece funcionar ya que no sucede nada cuando se hace clic en el bot贸n del icono de jam贸n (vea el enlace de mi sitio arriba para verificar el comportamiento correcto). Mientras inspecciono a trav茅s de Google Chrome Inspect, encuentro los siguientes errores:
TypeError Error: no se puede leer la propiedad nula ‘classList’ en mediaqueryresponse (menu.js? Ver = 5.3.2: 19) en menu.js? Ver = 5.3.2: 10 en menu.js? Ver = 5.3.2: 31 mediaqueryresponse @ menu.js? ver = 5.3.2: 19 (sin nombre) @ menu.js? ver = 5.3.2: 10 (sin nombre) @ menu.js? ver = 5.3.2: 31
Agradecemos cualquier consejo
header.php en el tema hijo
<header class="header" id='myTopnav'>
<?php
wp_nav_menu(
array(
'theme_location'=> 'topnav',
'container' => 'nav',
'menu_class' => 'topnav',
'menu_id' => 'myTopnav',
)
);?>
<button class="ham-icon"><span class="fa fa-bars fa-2x"></span></button>
</header>
/js/menu.js en el tema hijo
(function () {
var mql = window.matchMedia("screen and (max-width: 960px)");
//detect media query
var navTop = document.querySelector(".header");
//return first element within the document that matches .header
var toggle = document.querySelector(".ham-icon");
mediaqueryresponse(mql);
//ensures that addListener function is executed when the page loads, by default addListener only fires when state of the window changes
mql.addListener(mediaqueryresponse);
function mediaqueryresponse(mql) {
if (mql.matches) {
toggle.addEventListener("click", clickMenu);
//if media query matches, execute click or clickMenu event
} else {
navTop.classList.remove("responsive");
//otherwise remove .responsive
toggle.removeEventListener("click", clickMenu);
//and remove EventListener
}
}
function clickMenu() {
navTop.classList.toggle("responsive");
}
})();
(@ 810311-1)
hace 11 meses
El c贸digo anterior funcion贸 cuando us茅 un tema creado desde cero, sin embargo, no funciona con el tema hijo.
驴Solucion贸 tu problema??
0 / 0