javascript - 如何将 AutoAnchors jquery 插件合并到我的网页中？

Question

我对 HTML5 世界很陌生，我可以使用一些帮助来了解如何使用这个 javascript 文件。

jquery.autoanchors-0.3

它可以在这里找到。http://fredibach.ch/jquery-plugins/autoanchors.php

我该如何使用它？如何将其包含在 html 文件和 js 文件中，它将如何自动将锚点/链接添加到 html 文件中？

 <script src="js/jquery.autoanchors-0.3.js"></script>

任何帮助都会很棒。

谢谢达蒙

Answer 1

正如 sachleen 指出的那样，您首先需要 jQuery。

1. 下载 jQuery (http://jquery.com/download/)
2. 将 jQuery 和 autoanchors 都包含在 html 文件的头部
3. 按照 autoanchors 页面上的说明进行操作 (http://fredibach.ch/jquery-plugins/autoanchors.php#usage)

Answer 2

将此添加到网页的 head 部分，这会将 jQuery 添加到您的页面：

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

下载 Autoanchors.js 文件并将其添加到您的站点（将其放在名为 js 的文件夹中）：

<script type="text/javascript" src="js/jquery.autoanchors-0.3.js"></script>

然后按照该站点上的“用法”下的说明进行操作，如下所示（这在头部，就在上面的行下方）：

<script>
$(document).ready(function(){
  $("div.demo").autoAnchors();
});
</script>