Запуск функции после загрузки DOM (didRender, didInsertElement и decorateCooked не работают)

Разработка
1

Привет. Я пытаюсь оценить div на странице отображения темы. Для этого мне нужно выполнить функцию после того, как DOM на странице темы полностью загрузится.

В обычном JavaScript я бы использовал “window.onload = function()…” для этого. Однако, похоже, что эта функция onload не работает, когда на тему переходят внутри сайта.

Как я могу выполнить функцию после полной загрузки DOM?

Я пробовал следующее, но ни один из вариантов не сработал:

withPluginApi("0.11.1", api => {
    api.modifyClass('component:topic-title', {
          didRender: function(){  //также пробовал "didInsertElement"
                  //выполнить функцию—все еще выполняется до загрузки всех div-элементов
           } 
      }), 
     api.decorateCookedElement(function() {
           //выполнить функцию—все еще выполняется до загрузки всех div-элементов.
    })
})
2

Полагаю, это нужно делать через событие компонента. Зачем вам вообще это нужно? Возможно, стоит выбрать компонент, глубоко вложенный в дерево, так сказать, один из «листьев».

«Полная загрузка DOM» не совсем уместна в одностраничном приложении (SPA), где всё динамично?

Короче говоря, похоже, вы уже на правильном пути. Какую проблему это вызывает? Зачем вам нужно загружать все div-элементы?

Что именно вы имеете в виду под «оценкой div»? Возможно, есть другой способ решить вашу задачу?

3

Я хочу изменить текст div-элемента или, в некоторых случаях, удалить его из представления.

Хорошее замечание насчёт выбранного мной компонента — это может быть причиной проблемы: выбранный мной компонент загружается раньше некоторых div-элементов, и я мог бы попробовать компоненты, которые загружаются позже. Спасибо.