Javascript 使用jQuery创建弹出窗口

我试图在现有页面上创建一个简单的jQuery弹出窗口。页面本身将有一些文章的第一部分，在介绍之后有一个more按钮。我希望“更多”按钮与本文的其余部分一起显示jQuery弹出窗口

到目前为止，我一直在学习教程：

然而，一旦它在共享点上，它就不起作用了。我点击按钮，什么也没发生。我甚至修改了JS，使其所有功能都显示警报，但这不起作用。页面和JS之间的链接似乎已断开。然而，我甚至查看了src（使用我的web浏览器），确信脚本标记在那里，但是JS没有工作。有什么想法吗

下面是我复制到共享点的html页面（java脚本文件与教程中的完全相同）：

/*CSS出现在这里，与教程中相同*/
x
我们的酷弹出标题，耶！

在这里，我们有一个简单但有趣的例子，我们新的眩晕和顺利弹出。。。

谢谢你的帮助，我真的很感激

编辑：

以下是Chrome开发工具的结果：

JSF加载资源失败：服务器响应状态为404（未找到） 拒绝执行JavaScript脚本。在请求中找到脚本的源代码。 popup.js:147Uncaught ReferenceError:$未定义

---

然而，我第一次在firebug中尝试了这一点，发现该警报在firefox中确实有效。

这一行看起来可疑：

<script src="/articles/.../popup.js" type="text/javascript"></script>

---

popup.js具体在哪里？如果您在本地拥有它，请确保路径正确。如果不是，则需要指定文件的URL，而不是相对路径。

这一行看起来可疑：

<script src="/articles/.../popup.js" type="text/javascript"></script>

---

popup.js具体在哪里？如果您在本地拥有它，请确保路径正确。如果没有，您将需要指定文件的URL，而不是相对路径。

使用Firebug或Chrome开发工具（或者IE开发工具，如果您不顾一切）打开此文件，查看是否存在任何Javascript错误。如果存在，则Javascript的其余部分将不起作用。发布您的发现。第一步是尝试加载页面并在可以获得完整错误信息的环境中单击按钮。例如，在Firefox中运行Firebug，或者在Chrome中使用开发者工具。还值得使用一个工具（例如Firefox的Web Developer工具栏），它可以让您查看页面的呈现源代码，这样您就可以看到Sharepoint是否正在更改您的源代码中破坏这一点的内容。因为您使用的是JQuery，使用FireBug或其他开发人员控制台的替代方法是使用。使用FireBug或Chrome开发工具（或IE开发工具，如果您非常绝望）打开此窗口，查看是否存在任何Javascript错误。如果存在，则Javascript的其余部分将不起作用。发布您的发现。第一步是尝试加载页面并在可以获得完整错误信息的环境中单击按钮。例如，在Firefox中运行Firebug，或者在Chrome中使用开发者工具。还值得使用一个工具（例如Firefox的Web Developer工具栏），它可以让您查看页面的呈现源代码，这样您就可以看到Sharepoint是否正在更改您的源代码中破坏这一点的内容。因为您使用的是JQuery，所以除了使用FireBug或其他开发人员控制台之外，还可以使用其他工具。