Скорее всего, есть несколько способов решить эту проблему, но давайте попробуем «правильный» подход, используя соответствующие хуки кастомизации.
Когда вы добавляете HTML в секцию подвала темы, Discourse выполняет специальную обработку, чтобы элементы не «прыгали» при переходах между страницами или при добавлении новых элементов с помощью бесконечной прокрутки.
Этот контент добавляется как компонент custom-html здесь:
Если вы посмотрите на код компонента, то увидите, что при его рендеринге генерируется событие приложения.
Именно этот хук вам нужно использовать.
Как его использовать?
В plugin-api есть метод, позволяющий выполнять код при срабатывании определённого события приложения.
Поскольку мы уже знаем имя события, мы можем использовать его следующим образом:
api.onAppEvent("inserted-custom-html:footer", () => {
// выполните здесь необходимые действия
});
Поскольку это метод plugin-API, вам нужно изменить тип тега скрипта на text/discourse-plugin так:
<script type="text/discourse-plugin" version="0.8">
api.onAppEvent("inserted-custom-html:footer", () => {
// выполните здесь необходимые действия
});
</script>
Приведённый выше фрагмент будет выполняться каждый раз при рендеринге подвала. Теперь вы можете сделать что-то вроде этого:
<script type="text/discourse-plugin" version="0.8">
api.onAppEvent("inserted-custom-html:footer", () => {
$(".footer-div #footerNavDiv").click(function () {
console.log("событие клика перехвачено");
// выполните здесь необходимые действия для события клика
});
});
</script>
Подробнее о plugin-API можно прочитать здесь