0

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

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

<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，等等...

请帮忙！我四处寻找。

谢谢你。

4

4 回答 4

3

如果您使用 from local，那么它会查找file://不存在的。用这个：

<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-->

编辑：使用//，看看 js 控制台中的错误： 在此处输入图像描述

于 2013-03-29T18:33:00.117 回答
3

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

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

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

这告诉 jQuery 找到带有 id 的标签并在accordion其上运行函数.accordion()，在 jQuery UI 中将其变成手风琴小部件。

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

于 2013-03-29T18:33:39.007 回答
3

为了使用 jQuery UI 手风琴，您需要设置它：

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

此外，请确保您的 HTML 标记与手风琴插件的预期相符：

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

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

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />

请参阅此链接：http: //jqueryui.com/accordion/

于 2013-03-29T18:36:54.507 回答
2

要使用手风琴 UI 小部件，您需要像这样实例化它：

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

加载外部源后。

这可以在文档中找到：http: //jqueryui.com/accordion/

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

于 2013-03-29T18:33:56.257 回答