未捕获到的TypeError:$(...)。sidebar不是函数,但是headhead中包含语义.js

时间:2019-02-12 00:50:03

标签: javascript html semantic-ui

我正在尝试为语义UI实现侧边栏功能,但是在无法识别该功能的地方我不断收到此错误

我已经检查了Chrome中的“网络”标签,果然,当我注释掉jquery文件时,将加载语义js文件,反之亦然。不知道为什么

下面是我的标题

<head>
        <meta charset="utf-8">
        <title>Portal</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
        <link rel="stylesheet" type="text/css" href="{% static 'portal/semantic.min.css' %}">
        <script type="text/javascript" src="{% static 'portal/jquery-1.12.4.js' %}"</script>
        <script type="text/javascript" src="{% static 'portal/semantic.js' %}"></script>
        <style>
                body{
                        font-size:1.2em;
}
        </style>
        <script type="text/javascript">
                $(document).ready(function(){
                        $(".ui.sidebar").sidebar("show");
                });
        </script>
</head>

不太清楚为什么会这样。也许这是我的一个简单错误。帮助将不胜感激

1 个答案:

答案 0 :(得分:0)

是的,所以问题是我没有关闭第一个脚本标签... yeesh