Executar função após o DOM ter sido carregado (didRender, didInsertElement e decorateCooked não estão funcionando)

Dev
1

Olá. Estou tentando avaliar uma div na página de exibição de tópicos. Para fazer isso, preciso executar uma função depois que o DOM na página de exibição de tópicos terminar de carregar.

Em JavaScript normal, eu executaria “window.onload = function()…” para isso. No entanto, essa função onload não parece funcionar quando o tópico é navegado de dentro do site.

Como posso executar a função depois que o DOM estiver totalmente carregado?

Eu tentei o seguinte, e nenhum deles parece funcionar:

withPluginApi("0.11.1", api => {
    api.modifyClass('component:topic-title', {
          didRender: function(){  // tentei "didInsertElement" também
                  // executa a função -- ainda executa antes que todas as divs tenham carregado
           } 
      }), 
     api.decorateCookedElement(function() {
           // executa a função -- ainda executa antes que todas as divs tenham carregado.
    })
})
2

Acredito que você tenha que fazer isso por evento de Componente. Por que você se importa de qualquer maneira? Talvez escolher um Componente profundo na árvore, por assim dizer. Uma das “folhas”.

“Dom totalmente carregado” não faz muito sentido em uma Aplicação de Página Única, já que tudo é dinâmico?

Em resumo, parece que você já está no caminho certo. Que problema isso está causando? Por que você tem que ter todas as divs carregadas?

O que você quer dizer com “avaliar uma div” exatamente? Talvez haja outra maneira de fazer o que você está fazendo?

3 curtidas
3

Quero alterar o texto da div ou, em alguns casos, removê-la da exibição.

Bom ponto sobre o componente que estou escolhendo — esse pode ser o motivo do problema, que o componente que estou escolhendo está carregando antes de algumas das divs, e que eu poderia tentar componentes que carregassem mais tarde. Obrigado.

2 curtidas