从HTML链接时，javascript文件无法正常工作

所以我觉得（希望）这很简单。我是javascript的新手，我正在努力让这个工作。当我从我的html链接到我的外部.js文件时，它不起作用。但是，当将脚本代码直接输入我的HTML时，它就可以工作了。

这是js文件：

$(document).ready(function(){ $("#flip").click(function(){ $("#panel").slideToggle("slow"); }); });

这是index.html文件：

    slidepanel test     Click to slide the panel down or up
 Hello world!

这是CSS：

 #panel,#flip { padding:5px; text-align:center; background-color:#e5eecc; border:solid 1px #c3c3c3; } #panel { padding:50px; display:none; }

你正在使用jQuery，但它似乎并没有包含它。将其添加到HEAD元素中

你需要导入jQuery。

实际上，我有这样的问题，我尝试了下面的代码。

你的部分没有jquery。在添加scripts.js之前添加它。只有这样你的代码才能运作。

  slidepanel test

如果您在本地计算机上测试它，请将http添加到src或下载您自己的jQuery副本。

而作为旁注，在js文件之前添加stylesheets总是更好。

看起来你缺少jQuery。在包含自己的JavaScript代码之前包含它。

您的脚本包含jQuery。为了使用它，您有2个选项：

1.将其下载到您的网页：