Ejecutar función después de que el DOM se haya cargado (didRender, didInsertElement y decorateCooked no funcionan)

Desarrollador
1

Hola. Estoy intentando evaluar un div en la página de detalles del tema. Para hacerlo, necesito ejecutar una función después de que el DOM en la página de detalles del tema haya terminado de cargarse.

En JavaScript normal, ejecutaría “window.onload = function()…” para esto. Sin embargo, esta función onload no parece funcionar cuando se navega al tema desde dentro del sitio.

¿Cómo puedo ejecutar la función después de que el DOM esté completamente cargado?

He intentado lo siguiente, y ninguno de ellos parece funcionar:

withPluginApi("0.11.1", api => {
    api.modifyClass('component:topic-title', {
          didRender: function(){  // también probé "didInsertElement"
                  // ejecutar función -- todavía se ejecuta antes de que todos los divs se hayan cargado
           }
      }),
     api.decorateCookedElement(function() {
           // ejecutar función -- todavía se ejecuta antes de que todos los divs se hayan cargado.
    })
})
2

Creo que tienes que hacerlo por evento de Componente. ¿Por qué te importa de todos modos? Quizás elige un Componente profundo en el árbol, por así decirlo. Una de las “hojas”.

“Dom completamente cargado” en realidad no tiene mucho sentido en una Aplicación de Página Única, ya que todo es dinámico.

En resumen, parece que ya vas por buen camino. ¿Qué problema está causando esto? ¿Por qué tienes que tener todos los divs cargados?

¿Qué quieres decir exactamente con “evaluar un div”? Quizás hay otra manera de abordar lo que estás haciendo.

3 Me gusta
3

Quiero cambiar el texto del div o, en algunos casos, eliminarlo de la vista.

Buen punto sobre el componente que estoy eligiendo: esa podría ser la razón del problema, que el componente que estoy eligiendo se carga antes que algunos de los divs, y que podría probar componentes que quizás se carguen más tarde. Gracias.

2 Me gusta