雨果：在重新加载页面后，JavaScript命令才起作用

Question

我正在使用Hugo Static Site Generator主题，问题是除非重新加载页面，否则Javascript功能不会加载

例如 重新加载页面之前

重新加载页面后

这是我添加新类时使用的代码

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

现在，问题在于，由于打开新页面时它是静态网站生成器，因此它不会刷新/重新加载该网站，而是像缓存页面一样加载该页面。因此，除非重新加载页面，否则大多数javascript功能仅适用一次。当我在主题上使用VueJ时也会遇到此问题，这意味着我需要找到一种方法来强制加载新URL，而不是像锚链接一样加载。

更新：我已经能够解决它，问题出在另一个javascript文件中，发出了ajax get请求 谢谢

Answer 1

您是否已调试或在ready函数中添加console.log以查看它可以到达那里？我怀疑您的h2是由js渲染的，而在您添加类的代码你好时，h2尚未渲染。

如果是这种情况，我认为您需要首先在服务器上呈现html，或者可以将脚本与组件包含在同一位置