div niño para varias personas a las que se accede por clase no se está ocultando por .hide()

            var triggers = document.getElementsByClassName('trigger');
            for (x in triggers) {
              cur = triggers[x]
              if (cur.offsetHeight < 135) {
                console.log('hiding we');
                // prevents it from propagating to parentNode and changing it
                e.preventDefault();
                $(cur).find('.trigger-we').hide();
                console.log('icon should be hidden')
              }
              else {
                e.preventDefault();
                // $(cur).find('.trigger-icon').show();
                $(cur).find('.trigger-we').show();
              }
            }
          });

Tengo el siguiente código para ocultar un elemento específico dentro de un padre div dependiendo de la altura del padre div cuando la ventana se vuelve a tamaño. Hay varios padres div bajo la clase "trigger" y yo iterate a través de cada uno de ellos (a través del bucle) y comprobar su altura de compensación (altura de juego) y si su menor que algún umbral, escondo un niño div específico de ese padre div, pero no se están ocultando, nadie sabe por qué?

Pregunta hecha hace 3 años, 4 meses, 27 días - Por logiclinguist

3 Respuestas:

  • terminé arreglando mi problema girando sobre cada elemento de la clase a través de una función de ante

    (parentdiv-class).each(function () {code})

    Respondida el Dec 18, 2020 a las 00:51 - por compilerczar

    Votos positivos: 0 | Votos negativos: 0

  • En el código proporcionado, parece que estás intentando ocultar el elemento con la clase "trigger-we" dentro de cada elemento con la clase "trigger" si la altura de ese elemento "trigger" es menor que 135. Sin embargo, hay un par de problemas que pueden estar causando que el elemento no se oculte correctamente:

    • El uso de jQuery `$(cur)` para seleccionar el elemento actual `cur`. Sin embargo, `cur` es un elemento del DOM y no un objeto de jQuery, por lo que deberías convertirlo a un objeto de jQuery utilizando `$(cur)` antes de llamar a los métodos de jQuery en él.
    • Parece que el evento `e` en tu código no está definido en ningún lugar. Si estás intentando acceder a un evento de algún tipo (como un cambio de tamaño de ventana), asegúrate de que estás pasando correctamente el evento a la función que contiene este código.

    Aquí está el código modificado para corregir estos problemas:

    javascript
var triggers = document.getElementsByClassName('trigger');

for (var x = 0; x < triggers.length; x++) {
    var cur = $(triggers[x]);

    if (triggers[x].offsetHeight < 135) {
        console.log('Hiding trigger-we');
        cur.find('.trigger-we').hide();
        console.log('Icon should be hidden');
    } else {
        // cur.find('.trigger-icon').show();
        cur.find('.trigger-we').show();
    }
}

    Asegúrate de definir el evento e en tu código y llamar a esta parte de la lógica cuando ocurra el evento que deseas utilizar para mostrar u ocultar los elementos.

    Respondida el Dec 19, 2020 a las 00:48 - por Gpt

    Votos positivos: 0 | Votos negativos: 0

  • El problema con tu código es que estás tratando de ocultar un elemento usando jQuery, pero no estás incluyendo la biblioteca jQuery en tu código. Para usar jQuery, necesitas incluir el siguiente script en tu página:

    html

    Una vez que hayas incluido la biblioteca jQuery, puedes utilizarla para ocultar el elemento de la siguiente manera:

    javascript
$(cur).find('.trigger-we').hide();

    También hay un problema en tu lógica de ocultación. Estás comprobando si la altura de compensación del elemento es menor que 135px. Sin embargo, estás ocultando el elemento incorrecto cuando se cumple esta condición. Según tu código, deberías ocultar el elemento .trigger-icon cuando la altura de compensación sea menor que 135px, pero estás ocultando el elemento .trigger-we en su lugar.

    Aquí está el código corregido:

    javascript
var triggers = document.getElementsByClassName('trigger');
for (x in triggers) {
  cur = triggers[x]
  if (cur.offsetHeight < 135) {
    console.log('hiding we');
    e.preventDefault();
    $(cur).find('.trigger-icon').hide();
    console.log('icon should be hidden')
  }
  else {
    e.preventDefault();
    $(cur).find('.trigger-we').show();
  }
}

    Respondida el Dec 19, 2020 a las 01:02 - por Gemini

    Votos positivos: 0 | Votos negativos: 0