jQuery-ui安装

Question

我想使用http://lab.smashup.it/flip/的一个jQuery插件

我意识到它需要安装jQuery-UI。因此，我从http://jqueryui.com/download/下载了jQuery-UI版本1.9.2

当我打开压缩文件时，里面有3个文件夹。我不知道如何将jQuery-UI链接到我的html页面。我记得当我将jQuery连接到我的html页面时，我把

<script src="jquery-1.8.3.js">
      </script>

在我的html页面里。在jQuery-UI的情况下，我不知道应该在html页面中放入哪个文件夹，因为jQuery-UI中有3个文件夹。我希望有人能帮助我。

先谢谢你们伙计们

Answer 1

为什么不直接在页面上使用Google CDN..托管的文件呢？

首先是jQuery

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

然后依赖于它的插件..本例中为jQuery UI

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>

更新

在您看到的3个文件夹中..

​

​

转到JS文件，您将找到3个文件。

您可以使用此文件夹中的.js或js.min引用。

可以从CSS文件夹中使用CSS。

Answer 2

要让它正常工作，您需要做的主要事情如下

1.jquery-ui版本所需的jquery版本的javascript文件。

jquery-ui-1.10.3的

可以在下载的根目录中找到。jquery-1.9.1.js.

2.要包含的jquery库的javascript文件。

还应该有一个"ui“文件夹，里面有一堆javascript文件。它们中的大多数在打开时都有一个约束列表，需要其他js文件才能使它们运行。这是为了防止您决定不需要所有jquery ui功能。但是，它们确实有一个javascript文件，其中包含所有其他文件的功能。对我来说，这个文件名为jquery-ui.custom.js。

如果您希望它在浏览器上运行得更快，并且不需要读取它，那么这个目录还应该包含一个"min“或"minified”文件夹。" minified“文件夹包含所有相同的js文件，但以缩小的形式存在。最小化的表单被缩短为浏览器可以破译的最小片段，从而节省了浏览器的加载时间。

3.对于您选择使用的jqueryui库，您需要一个css引用。

Jquery可以让你下载带有一些预先创建的主题的

ui。如果你这样做，你的css最好放在css/themename文件夹中。

在下载jquery-ui1.10.3时，这对我来说是在css/smoothness/jquery-ui.1.10.3.custom.css中

与javascript的情况一样，还有一个精简版本可供选择。在css目录中也有一个图像目录。安装时，请确保css中的图像引用指向此图像文件夹。如果你把它们放在同一个目录下，你应该没问题。

最后，html页面的头部需要如下内容：

<script type="text/javascript" src="/js/jquery/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/js/jquery/jquery-ui-1.7.min.js"></script>
<link rel="stylesheet" type="text/css" href="/css/smoothness/jquery-ui-1.7.css" media="all" />

如果你仔细观察：

1.第一个是我的jquery代码参考。

2.第二个是我的jquery-ui代码参考。这里的文件包含所有jquery特性。

3.第三个是我决定使用的主题的css引用。

请注意，没有必要使用jquery-ui提供的css主题，因为您可以编写自己的主题。在这种情况下，您可以提供对自己css文件的引用。在大多数地方，我都没有见过这样的事情。

最后，请注意，在下载带有主题的jquery ui时，它们会让您选择一个css范围。如果将其留空，则css将应用于所有匹配的元素。如果您决定给它一个css作用域，那么它将只应用于该特定作用域中的元素。

我的工作是在我的办公室更新jquery，所以如果有人注意到任何与此不同的东西，请让我知道。