-1

我对从头开始编码并使用 Aptana Studios 非常陌生。我只通过 Codeacademy 网站学习编码，所以虽然我可以编码，但我不熟悉使用 Aptana 等程序、链接文档和术语。所以，我提前为这个问题的长度道歉。简而言之，我想要一个完整的解释jQuery 是如何被“安装”的。在这种情况下，我不确定“已安装”是否是正确的词选择，因此我在下面提供了对我的问题的更详细说明。

当我对自己设置的网页任务的 HTML 和 CSS 进行编码时，一切都很顺利——当我需要使用 jQuery 时，我遇到了问题。我想使用的代码是：

$(document).ready(function(){
    $('table').hide();
});

^^（仅包括我在某处犯了愚蠢的错误）^^

我认为我将 Javascript 文件链接到 HTML 的方式有问题，或者我未能正确“安装”jQuery。这是我为访问 jQuery 所做的：

我将代码从 jQuery 站点复制到 .js 文档中，并将其保存在保存所有 HTML 和 CSS 文档的同一文件夹中。然后我将它链接到 HTML，如下所示：

<script type='text/javascript' src='jquery.js'></script>

我完全找不到任何类型的教程来详细解释这是如何完成的。甚至 jQuery 网站的解释对我来说似乎也很模糊。

在此之后，我使用以下方法将自己的代码链接到我的 HTML：

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

当它没有成功时，我并不感到惊讶，所以我继续寻找答案，但我什么也没回来。这可能更多地与我被教导编码的方式有关，而不是缺乏解释——即使在这个问题中，我对编码词汇的了解也很明显——但相信我，我最不想做的就是问自己所以我真的不会这样做，除非我真的没有选择。

4

3 回答 3

1

有多种方法可以在您的页面中包含 jQuery。您可以像这样使用 CDN：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

或者通过拥有本地副本并包含它来按照您使用它的方式进行操作。

<script type='text/javascript' src='jquery.js'></script>

注意使用第二种方法，你必须确保脚本的路径是正确的。所以上面的代码说jquery.js是在与正在查看的页面相同的目录中。接下来，您必须确保您命名的自定义脚本barns.js也在同一目录中，并且声明位于 jQuery 声明之后。

<script type='text/javascript' src='jquery.js'></script>
<script type="text/javascript" src="barns.js"></script>

最后要记住一些提示：

  1. 使用浏览器的开发人员工具查看控制台以查看任何错误。如果你不知道这是什么，谷歌一下。
  2. 用于console.log在开发人员工具中将内容打印到控制台，以确保代码的某些部分正在运行。这是一种非常有用的调试技术。例如，您可以将console.log('in script');自定义 JS 脚本放在顶部，以确保正确引入脚本。这可以帮助消除由于脚本路径错误而导致的错误。
  3. 使用jQuery 文档。这很棒！
  4. 实验并玩得开心！
于 2013-08-31T16:50:27.163 回答
0

添加 jQuery 的最简单方法（因为它也是一个不错的选择）是使用 cdn，例如 cdnjs.com：

在结束男孩标记 ( ) 之前添加此行</body>：

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

使用 CDN 时，不需要在本地下载 jQuery JavaScript 文件，因为它托管在 CDN 服务器上。因此，它消除了对本地 js 文件的正确路径的需要 - 这可能是您收到“未捕获的引用错误：$ 未定义”错误的原因。

有关 CDN 的更多信息：
http ://en.wikipedia.org/wiki/Content_delivery_network

于 2013-08-31T16:52:36.663 回答
0

一个使用 jQuery 隐藏表格的快速简单的工作示例：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>jQuery</title>
  </head>
  <body>
    <h1>Red table should not be visible</h1>
    <table style="background: red;">
      <tr><td>If you see this, jQuery is not working</td></tr>
    </table>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script>
      jQuery( function( $ ){
        $( 'table' ).hide();
      });
    </script>
  </body>
</html>

您的代码可能无法正常工作，因为未加载脚本（src属性不正确）

于 2013-08-31T16:55:14.277 回答