Pregunta sobre Spacious de Wordpress:

TypeError Error: no se puede leer la propiedad ‘offsetWidth’ de null

Un usuario pregunt贸 馃憞

Recibo este error en mi p谩gina de major: navigation.js: 9

subMenu=jQuery(this).next('.sub-menu, .children');if(subMenu.length>0){var viewportClass=isElementInViewport(subMenu);if(false!==viewportClass){subMenu.addClass(viewportClass);}}}});})();(function(){jQuery(document).ready(function(){var mainWrapper=document.querySelector('#header-text-nav-container .inner-wrap'),branding=document.getElementById('header-left-section'),headerAction=document.querySelector('.header-action'),navigation=document.getElementById('site-navigation'),mainWidth=mainWrapper.offsetWidth,brandWidth=branding.offsetWidth,navWidth=navigation.offsetWidth,headerActionWidth=headerAction.offsetWidth,isExtra=(brandWidth+navWidth+headerActionWidth)>mainWidth,more=navigation.getElementsByClassName('tg-menu-extras-wrap')[0],headerDisplayTypeFour=document.getElementById('spacious-header-display-four');if(headerDisplayTypeFour!==null){isExtra=(navWidth+headerActionWidth)>=mainWidth;}

La referencia a headerActionWidth=headerAction.offsetWidth

Por lo que veo, headerAction se establece como headerAction=document.querySelector('.header-action')

Estoy usando un tema hijo, as铆 que creo que este es el problema PERO, esta no es la primera vez que una actualizaci贸n extensa ha roto el tema del tema hijo. La compatibilidad de las actualizaciones parece estar rezagada.

(@rajeshpoudel)

Hace 1 a帽o, 6 meses

Hola,

Haremos una verificaci贸n detallada para ver si hay un problema como mencionaste en el tema. Al utilizar el tema hijo, 驴podr铆a comprobar el c贸digo en el tema hijo, ya que puede haber un error de c贸digo? Adem谩s, al pasar al tema de la crianza de los hijos, 驴la pregunta sigue ah铆 o no? Finalmente, 驴podr铆a proporcionarnos una URL en su sitio para que podamos explorarlo y brindarle una soluci贸n adecuada?

Gracias.

(@goerni)

Hace 1 a帽o, 6 meses

Hola, ahora tambi茅n tengo el mismo error. Funciona durante m谩s a帽os hasta ayer. El sitio es http://www.max-dauthendey-schule.de/

Tambi茅n utilizo un tema infantil. El error no es obvio con el tema de los padres.

Espero una solucion

Gracias y mis mejores deseos para Gernot.

(@whitsey)

Hace 1 a帽o, 6 meses

Encontr茅 una soluci贸n. No quer铆a mencionar que los temas deben tener m谩s cuidado para garantizar la compatibilidad con versiones anteriores en su tema.

Esta es la segunda vez que una actualizaci贸n rompe el tema hijo.

La primera fue cuando cambiaron of_options() a spacious_options() cometiendo el error 500. Ahora solo hay javascript.

La soluci贸n es poner un div en alg煤n lugar del encabezado del tema hijo:

<div class="header-action"></div>

Esta respuesta fue modificada hace 1 a帽o, 6 meses.

(@goerni)

Hace 1 a帽o, 6 meses

As铆 que reemplac茅 el archivo de 1.6.2 https://themes.svn.wordpress.org/spacious/1.6.2/js/navigation.js de File navigation.js de 1.6.3.

Ahora funciona.

Aseg煤rese de configurar esto en 1.6.4

Todo lo mejor para Gernot

(@goerni)

Hace 1 a帽o, 6 meses

Hola Shannon, tambi茅n pruebo tu soluci贸n y funciona bien. A veces me cost贸 averiguarlo.

Gracias Gernot

(@rajeshpoudel)

Hace 1 a帽o, 6 meses

Hola,

Bueno. Intentaremos hacer la actualizaci贸n correctamente dentro de cada actualizaci贸n del tema. Sin embargo, dado que el tema secundario hereda el comportamiento del tema principal, debe verificar el c贸digo del tema secundario en cada actualizaci贸n y modificarlo seg煤n sea necesario para evitar cualquier problema de compatibilidad. . Adem谩s, puede resultarnos dif铆cil abordar el tema hijo, ya que hay que comprobar muchas cosas y, a veces, es probable que se descuiden algunas de las comprobaciones de funcionalidad de la actualizaci贸n del tema. Espero que lo entiendas.

Gracias.

(@de dos ruedas)

Hace 1 a帽o, 1 mes

Gracias esto me ayud贸.

(@amineoujda)

hace 11 meses

Hola @whitsey

Gracias. as铆 que ay煤dame en mi proyecto

Mejor, Amine

(@kuznacic)

Hace 6 meses, 4 semanas

隆Gracias @whitsey por la sencilla soluci贸n!

驴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 *