Pregunta sobre Themes and Templates de Wordpress:

veinti煤n tema hijo – men煤 – No se puede leer la propiedad nula ‘classList’

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

Deja una respuesta 0

Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *