javascript - 简单的 jQuery 不会加载

Question

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

这是我的“页眉代码注入(inject)”

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>

这是我的实际页面:

<div id="accordion">

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

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

请帮忙!我已经四处搜寻过。

谢谢。

Answer 1

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

在您的标签导入两个脚本后，添加以下内容:

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

这告诉 jQuery 找到 id 为 accordion 的标签并在其上运行函数 .accordion()，这在 jQuery UI 中将其转换为 Accordion 小部件。

另请注意，无协议(protocol) URL 的设计使您可以在 http: 和 https 之间切换，而无需更改代码。不幸的是，如果您从文件系统 (file:) 运行页面，它将无法工作，因为它将尝试从本地硬盘加载脚本。如果您在本地运行，请在 URL 开头显式添加 http:。