如何下载HTML5和CSS3编程的jQuery UI库

时间:2020-02-23 14:28:41  来源:igfitidea点击:

编写jQuery UI代码并不困难,但是返回库的右侧部分对HTML5和CSS3程序员来说有点令人困惑。
jQuery UI库比标准jQuery包大得多,因此如果我们不需要它,我们可能不希望包含整件事。

以前版本的jQuery UI允许我们下载整个包,但是在单独JavaScript文件中存储每个各种元素。
常见的是,有一个半个不同的脚本标签,只是为了获得各种元素到位。

更糟糕的是,存在一些依赖性问题,因此我们需要确保在使用其他软件包之前安装了某些软件包。
这使得一个简单的图书馆实际使用非常复杂。

幸运的是,最新版本的jQuery UI使这个过程更简单:

  • 选择(或者创建)主题。
    使用Themeroller站点从模板库中选择一个起点。然后,我们可以完全自定义主题来制作任何我们想要的(更改颜色,字体和其他元素)。

  • 下载主题。
    TheMeroller有一个下载按钮。当我们准备好下载主题时,单击此项。

  • 选择所需的元素。
    当我们首次启动项目时,我们可能会选择所有元素。如果发现页面慢慢加载,我们可能会构建一个较小的版本,该版本仅包含所需的那些元素。现在,选择一切。

  • 下载文件。
    在我们选择所需的元素后,我们可以在zip文件中下载它们。

  • 将zip文件的内容安装到工作目录中。
    zip文件包含许多文件和目录。将CSS和JS目录复制到网页的目录(通常是public_html或者htdocs目录)。我们无需复制开发捆绑程序目录或者索引.html页面。

  • 如果安装多个主题,请仅从其他主题中复制主题信息。
    所有主题都使用相同JavaScript。只有CSS(和相关图像文件)更改。如果我们想要在项目中有多个主题,只需复制CSS内容。每个主题将是主CSS目录的不同子目录。

  • 链接到CSS文件。
    使用标准链接技术链接到jQuery UI创建CSS文件。除了自定义CSS之外,我们还可以链接到我们自己CSS文件或者使用内部CSS。确保你得到路径。

  • 链接到JavaScript文件。
    jQuery UI Toolkit还安装了两个JavaScript文件:标准jQuery库和jQuery UI库。默认情况下,这两个文件都安装在js目录中。我们需要链接到两个文件。有时我们将看到普通版本的最小化文件。最小化版本将嵌入Term Min。任何一个版本都很好,但最小化的版本将加载更快。

如果某些事情不正常工作,请再次检查文件路径。
几乎总是,出现问题因为你没有与所有正确的文件链接。
此外,请注意,jQuery UI创建CSS文件还包括图像。
确保主题有一个相关的图像目录,或者项目可能无法正常工作。
如果我们从下载复制了整个CSS和JS目录,则应罚款。