1

好的，有人可以像我 5 岁一样向我解释一下吗？

我下载了这个 jQuery 插件 (aSimpleTour) 的 zip 文件，它基本上是一个弹出式游览/向导，可通过您将其加载到的任何网站。唯一的问题是……我不知道如何设置！

我相当确定您至少需要在 HTML 头部调用这些引用？

 <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
 <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

我知道这引用了整个 jQuery 库或类似的东西。

弹出之旅的教程有一些类似这样的代码，我猜这些代码会出现在<body>您的 HTML 页面中。

<script>
options = {
    data : [
      { element: '#id', 'tooltip' : 'This is a tooltip for some element #id' },
      { element: 'ul li:last a', 'tooltip' : 'The last link of some ul list' },
      { element: '.class', 'tooltip' : 'A tooltip for some class' }
    ],
    controlsPosition : 'RT'
  }

  $.aSimpleTour(options);
  </script>

到目前为止，我看到了他们使用 JSON 语法的目的，不太确定 if 函数......

我有 zip 文件夹中的 3 个文件：

component.json
jquery.aSimpleTour.js
jquery.aSimpleTour.min.js

好吧，考虑到所有这些，我从这里去哪里？我是一个完整的 jQuery n00b，在实现另一个人的源代码/应用程序/你有什么时，阅读文档并没有多大帮助。

任何人都可以在这里帮助我，或者只是简单地解释一下如何使用 jQuery 插件？

干杯!

4

2 回答 2

2

您包含的 3 个文件与包含 jquery 的文件（在头中）相同，但是您需要指定文件的路径阅读此内容以获取更多详细信息http://andreaslagerkvist.com/how-to-include-a -jquery 插件/。这里的一个问题是你试图在 DOM 准备好之前初始化插件，你应该这样做：

$(function () {
options = {
    data : [
      { element: '#id', 'tooltip' : 'This is a tooltip for some element #id' },
      { element: 'ul li:last a', 'tooltip' : 'The last link of some ul list' },
      { element: '.class', 'tooltip' : 'A tooltip for some class' }
    ],
    controlsPosition : 'RT'
  }

  $.aSimpleTour(options);
});

编辑：您还应该阅读此内容，因为该插件对此插件有依赖关系，这意味着您也必须包含该插件。

于 2013-08-27T13:13:19.393 回答
-1

jquery 是一个 JavaScript 库。您可以将它直接包含在您的网站中，也可以引用它托管在其他地方（如 CDN 或其他东西），一旦在您的 HTML 文件中引用，您就可以在 javascript 的任何地方使用 jquery 语法。

在这种情况下，您想使用 jquery 插件，这意味着您需要有库，并且 jquery 插件可以从用户浏览器访问。这将取决于插件的编写方式。

在这种情况下，您已经获得了三个文件，我建议您将.json文件放入其中，然后将.min.文件放入您的网站，然后您可以在 html 中引用 jquery 和这些文件。

于 2013-08-27T13:06:39.467 回答