为什么我必须重命名我的javascript文件才能让我的新函数正常工作

我最近在我的网站的.js文件中添加了此功能：

function toggleActive() {

    $("#terminalLabel").addClass("active");

}

用于：

终端选项

当我试图激活该函数时，我一直收到一个未捕获的引用错误，但不知道为什么

我把函数放在脚本标签中，看看它是否工作，它确实工作了。我向按钮添加了一个不同的函数，该函数已经在我创建这个新函数的同一个.js文件中定义，并且该函数可以正常工作

---

然后我将文件名从form.js改为form1.js，并让我的站点调用它，然后这个函数就开始工作了。这是为什么？

在google chrome中，按f12，然后按设置图标（像齿轮一样锁定），并在“常规”下选中“禁用缓存”选项（需要打开开发选项才能激活此选项），然后右键单击刷新图标并单击“清除缓存”，你也可以做的就是在你的url的末尾加上“？”=1，它将以一个新的版本显示，并在你进行更改时增加数字。

在google chrome中按f12，然后按设置图标（像齿轮一样锁定），并在“常规”下选中“禁用缓存”选项（你需要打开开发选项才能激活此选项）然后右键单击“刷新”图标，然后单击“清除缓存”，您还可以执行以下操作：在url末尾的？\u=1，它将读取“处于新版本”，并在您进行更改时增加数字。

这称为“文件已缓存”。清除缓存或在chrome中设置开发工具以始终查找新文件。这称为“缓存文件”。清除缓存或在chrome中设置开发工具以始终查找新文件。

<input id='terminal' class='hidden' type='checkbox' placeholder='Terminal Option' name='terminal[0][]'>
<label id='terminalLabel' class='btn btn-default' for='terminal2' onclick="toggleActive()">Terminal Option</label>