Javascript Codepen中的Semantici示例不起作用

Javascript Codepen中的Semantici示例不起作用,javascript,html,Javascript,Html,我试图从codepen复制这个例子——我在我的项目中使用ejs,我想让边栏从左边弹出。但是,当我将header.ejsl像pastebin()一样放入时,我得到了我想要的外观,然后我在footer.ejs的脚本标记中附加了JS,但它不起作用。。。根本没有变化等等。 (我知道我不应该在HTML中添加脚本;只是为了测试目的……) 我希望有人能帮我 感谢您提供完整的粘贴箱。对此进行了测试,发现您的标题错误地将jquery放在了样式表标记中。应该在脚本标记中 <head> <t

我试图从codepen复制这个例子——我在我的项目中使用ejs,我想让边栏从左边弹出。但是,当我将header.ejsl像pastebin()一样放入时,我得到了我想要的外观,然后我在footer.ejs的脚本标记中附加了JS,但它不起作用。。。根本没有变化等等。 (我知道我不应该在HTML中添加脚本;只是为了测试目的……)


我希望有人能帮我

感谢您提供完整的粘贴箱。对此进行了测试,发现您的标题错误地将jquery放在了样式表标记中。应该在脚本标记中

<head>
    <title>DemoExhibits</title>
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
    <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
</head>

人口展览
这就是改变的结果


粘贴栏似乎不完整。粘贴栏仅包含my header.ejs。我在你的pastebinheader.ejs:footer.ejs:---中看到了两个标记。我做了一个检查:我缺少了一个,但没有任何更改。。。。我担心我做了一些完全错误的事情,例如在错误的地方连接脚本…:-/奇耶兹。。。我还没看到,-D那有点悲哀。。。现在我的侧边栏开始工作了,但是我的index.ejs(部分页眉和页脚包含的)没有显示出来。。。我明天会弄清楚的…太好了。别忘了在这里把答案标为正确。
<head>
    <title>DemoExhibits</title>
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
    <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
</head>