Уго: команды Javascript не работают до перезагрузки страницы

Question

Я работаю над темой Hugo Static Site Generator, проблема в том, что функции Javascript не загружаются, пока я не перезагружаю страницу

например Перед перезагрузкой страницы

После перезагрузки страницы

Это код, который я использовал при добавлении нового класса

       $(document).ready(function() {
          $('h2').addClass('hello')
       });

Теперь проблема в том, что, поскольку при открытии новой страницы он является генератором статического сайта, он не будет обновлять / перезагружать сайт, а загружает страницу как кэшированную страницу. поэтому большинство функций javascript применяются только один раз, если страница не будет перезагружена. Проблема также возникает, когда я использую VueJs на тему. Это означает, что мне нужно найти способ принудительно загрузить новый URL-адрес, а не загружать его, как якорную ссылку.

ОБНОВЛЕНИЕ: Я смог ее решить. Проблема была в другом файле javascript, делающем запрос получения ajax Спасибо

Answer 1

Вы отлаживали или добавляли console.log в свою готовую функцию, чтобы увидеть, что она может туда попасть? Я подозреваю, что ваш h2 отображается с помощью js, и в то время, когда ваш код добавляет класс привет, h2 еще не отображается.

Если это так, я думаю, что вам нужно сначала отобразить html на сервере, или вы можете включить свой скрипт в то же место, что и ваши компоненты