如何为jQuery安装tipsy插件

Question

当我从jQuery plugins page下载最新版本的jQuery tipsy插件（0.1.7）时，该文件夹中包含许多文件夹。是jquery.tipsy.js（在javascript文件夹下）还是应该将所有文件夹放入我的项目中？

Answer 1

不，JavaScript文件不是所需的唯一文件。您应该包含src文件夹下的所有文件。

在您的页面中包含带有script标记的jQuery后，在head或body标记的末尾添加了一些tipsy插件。您可能希望使用任何可用的在线JavaScript缩小器来缩小插件。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<script src="jquery.tipsy.js" type="text/javascript"></script>

该插件还需要一个CSS文件，可以使用link中的head元素包含该文件：

<link href="jquery.tipsy.css" rel="stylesheet" type="text/css" />

CSS文件期望图像tipsy.gif位于../images/目录中。可以对其进行编辑以引用所需的任何其他目录中的图像。毕竟，您可以通过调用文档中所述的tipsy函数来使用插件：

$('#example-1').tipsy();