Javascript 简单jQuery将不会加载

我试图重新学习HTML/CSS/JavaScript，但在我正在构建的网站上遇到了一个问题。我在Squarespace上，试图实现jQuery。我有简单的代码，它不会工作。请让我知道我做错了什么

这在我的“页眉代码注入”中

这是我的实际页面：

<div id="accordion">

<h3>Section 1</h3>
  <div>
    <p>
      Blah
    </p>
  </div>
  <h3>Secion 2</h3>
  <div>
    <p> lalala
    </p>
   </div>
</div>

第一节

废话

第2节
拉拉

我需要声明“text/javascript”吗？我尝试添加“https”，声明它是HTML5，等等

请帮忙！我到处找过了

---

谢谢。

如果您使用的是fromlocal，那么它将查找不存在的

文件：//

。使用以下命令：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script>$(function() {$( "#accordion" ).accordion();});</script> <!-- To call accordion-->

$（function（）{$（“#accordion”）.accordion（）；}）；

编辑：使用

/

，查看js控制台中的错误：

---

我假设您想实际使用jQuery UI中的accordion小部件？在这种情况下，您需要实际运行一些代码来告诉jQuery您想要这样做

在标记导入两个脚本后，添加以下内容：

<script>
 $(function() {
     $( "#accordion" ).accordion();
 });
</script>

$（函数（）{
$（“#手风琴”）。手风琴（）；
});

这告诉jQuery找到id为

accordion

的标记，并在其上运行函数

.accordio（）

，在jQuery UI中将其转换为accordion小部件

---

另外请注意，无协议URL的设计使您可以在

http:

和

https

之间切换，而无需更改代码。不幸的是，如果从文件系统（

文件：

）运行页面，它将无法工作，因为它将尝试从本地硬盘加载脚本。如果您在本地运行，请在URL开头显式添加

http:

。

要使用accordion UI小部件，您需要如下实例化它：

  <script>
  $(function() {
    $( "#accordion" ).accordion();
  });
  </script>

$（函数（）{
$（“#手风琴”）。手风琴（）；
});

加载外部源之后

这可以在文档中找到：

---

单击“查看源代码”链接。

要使用jQuery UI accordion，您需要设置它：

 <script>
  $(function() {
    $( "#accordion" ).accordion();
  });
 </script>

$（函数（）{
$（“#手风琴”）。手风琴（）；
});

此外，请确保您的HTML标记与accordion插件所期望的内容相匹配：

<div id="accordion">
    <h3>Section 1</h3>
    <div>
        <p>Lorem</p>
    </div>
        <h3>Section 2</h3>
    <div>
        <p>Ipsum</p>
    </div>
</div>

第一节
洛勒姆

第二节
Ipsum

最后，确保您还包括用于jQuery UI的CSS：

请参阅此链接：

---

您是在Web服务器上运行此脚本，还是从计算机上的文件夹运行此脚本。哪个脚本不工作？您希望它做什么？您所做的只是包括jQuery，实际上您并没有使用它做任何事情。所有这些都不起作用。我被引导相信我可以在谷歌的网站上运行它？你说的“不工作”是什么意思？您是否看到任何错误消息、奇怪的行为或其他线索？

src=“//

不会解析为

文件：//

。它将解析为

http://

或

https://

。如果在本地访问，一定会看到。编辑我的答案，请查看。对，但您编辑了答案。另外，OP说“我正在努力实现jQuery“，这意味着不是本地的。我说如果你是从本地使用的……另外，在编辑中，我只添加了图片，并将其改为“本地”“粗体；）非常感谢。我仍然收到一个错误，但我认为这是Squarespace加载内容的方式。不过谢谢你！！我仍在对本教程进行疑难解答。谢谢！老实说，我认为这是平方空间和他们如何渲染他们的网站。我会继续努力。再次感谢你。谢谢你，但遗憾的是，所有的建议都不起作用。我认为这就是Squarespace如何呈现代码。我正在浏览他们的网站，而不是其他任何东西。谢谢你，我尝试了一切，我想这是因为Squarespace加载东西的方式。

<div id="accordion">
    <h3>Section 1</h3>
    <div>
        <p>Lorem</p>
    </div>
        <h3>Section 2</h3>
    <div>
        <p>Ipsum</p>
    </div>
</div>