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文件。

  

还应该有一个带有一堆javascript文件的“ui”文件夹   那里。如果打开它们中的大多数都有一个约束列表   需要其他js文件才能运行它们。这是以防万一你   决定你不需要所有jquery ui功能。但是他们这样做   有一个包含所有其他功能的javascript文件   文件。对我来说，这个文件名为jquery-ui.custom.js。

     

如果您希望它在浏览器上运行得更快，而不需要阅读它   此目录还应包含“min”或“minified”文件夹。该   “minified”文件夹包含所有相同的js文件，但是缩小了   形成。缩小形式缩短为可能的最小段   浏览器可以解密并节省浏览器加载时间。

3。 您需要一个css参考用于您选择使用的jqueryui库。

  

Jquery允许您使用一些预先创建的主题下载jquery ui。如果   你这样做你的CSS理想地位于文件夹css / [themename]。

     

在下载jquery-ui1.10.3这对我来说是   CSS /平滑度/ 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，所以如果有人注意到与此有什么不同，请告诉我。