繁体   English   中英

雨果:直到重新加载页面后,JavaScript命令才起作用

[英]Hugo: Javascript commands not working till after reloading the page

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

例如,在重新加载页面之前 加载前的页面

重新加载页面后

加载后的页面

这是代码,我在添加新类时使用了

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

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

更新:我已经能够解决它,问题是来自另一个javascript文件,使ajax获取请求谢谢

您是否在现成的函数中调试或添加了console.log以查看它可以到达那里? 我怀疑您的h2是由js渲染的,而在您添加类hello的代码时,尚未渲染h2。

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM