个人博客项目踩坑——Semantic UI中popup无法弹出

Kira~~

于 2021-04-19 20:32:33 发布

阅读量563

点赞数 1

分类专栏： java 文章标签： java

本文链接：https://blog.csdn.net/weixin_44996854/article/details/114992241

版权

java 专栏收录该内容

8 篇文章

订阅专栏

在这里插入图片描述
最近在搭建个人博客项目的过程中发现Semantic UI中这种弹出效果无法显示。

控制台显示JQuery未定义，发现代码中引入脚本的顺序是这样的

<script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>

很明显，出错的原因是Semantic UI在jQuery之前引入，而Semantic UI中需要调用一些jQuery中的库，因此要改变引入顺序。

然而改变顺之后，出现了如下错误，仍然不能正常弹出
在这里插入图片描述
试了各种方法未果，最后换了浏览器又试了试发现可以正常显示。然而目前尚未找到在谷歌浏览器中正常显示的方法，如有解决方案，欢迎评论交流~