JQuery-当有人单击文本菜单时出现

我有一些文字说“菜单”。这不是一个按钮。当有人点击文本时，我希望我的菜单/覆盖div出现

为什么我的代码不起作用

$（“.打开菜单”）。单击（函数（）{
$（“.overlay”）.toggle（）；
});
.logo{
浮动：左；
}
.打开菜单{
浮动：对；
光标：指针；
}
.覆盖{
显示：无；
位置：绝对位置；
排名：0；
底部：0；
左：0；
右：0；
背景颜色：粉红色；
z指数：100；
}

菜单
您收到了错误，因为jQuery没有在
javascript.js
文件中定义。更改脚本顺序。首先，您需要jQuery的脚本，然后，
javascript.js
，如下所示：

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="javascript.js"></script>

解决方案：我把这两行代码搞错了。应该是这样的：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="javascript/javascript.js"></script>



首先包括jQuery，然后是我的文件。
什么不起作用？始终先检查开发人员控制台。Chrome中的web开发人员工具说“Uncaught ReferenceError:$未在javascript.js:1中定义”这意味着什么？我编辑了我的开场白，显示我已链接到JQ CDN和我自己的文件。我不知道问题出在哪里。出现了
div
，为什么它不能在我的笔记本电脑上工作？该网站在运行之前是否需要进行现场直播？或者我可以在上线前在电脑上测试它吗？不，它不需要上线就可以工作。您使用的浏览器（和版本）是什么？Chrome 67。开发工具说“uncaughtreferenceerror:$未在javascript.js:1中定义”这是什么意思？？