thymeleaf中js失效的情况之一

thymeleaf中js失效的情况之一

关于这个问题,网上有很多解决办法,这里不再论述,这里只是分享其中一种情况,且网上没有此种情况的说明,而我遇到了,就此分享一下!!!

spring boot项目中,thymeleaf页面中js失效,打开F12(开发者工具)查看:
在这里插入图片描述
在这里插入图片描述
发现直接就没有加载<script>模块。
仔细查看点后发现原因:
我的thymeleaf中引入了公共模块head.html中的一个div(其他thymeleaf页面的类容):在这里插入图片描述
在这里插入图片描述
而<script>模块刚好是在head.html页面,且不再引入的这个div中。导致未能引入<script>模块,而只是单单引入了这个div。
这种情况,我的解决办法是引入整个head.html,而非其中的一个div
在这里插入图片描述
重新启动项目,打开F12(开发者工具)
在这里插入图片描述
发现<script>模块成功加载,测试正常,问题解决!!!

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值