28

来自“应该很简单，但是……”文件：尝试开始使用 jQuery UI。去现场，使用他们的定制构建器来组装我需要的部件，使用主题滚轮为自己制作一个自定义主题，下载由此生成的 zip 文件，将其解压缩到我的本地驱动器上。好的，所以我有 37 个文件夹，311 个文件，总共 2.4 MB。这一切都发生在服务器上。我需要在那里放置哪些部件？

  • 'CSS'
    • 'custom-theme': jquery-ui-1.8.custom.css, 'images' 子文件夹，包含 12 个 .png 图像
  • '开发包'
    • 'demos': demos.css, index.html, 加上 18 个子文件夹，但我猜“不需要”
    • 'docs'：17 个 .html 文件，但我再次猜测“不需要”
    • “外部”：4 个 .js 文件，一个 .css
    • 'themes'：'base' 和 'custom-theme' 子文件夹，每个子文件夹有 8 或 9 个 .css 文件和一个 'images' 子文件夹，大约有十几个图像
    • “ui”：25 个 .js 文件，一个带有 53 个 .js 文件的“i18n”子文件夹，以及一个带有 24 个 .js 文件的“缩小”子文件夹
  • 'js'：jquery-1.4.2.min.js和jquery-ui-1.8.custom.min.js


还有，文件结构。我们的服务器设置如下：

  • 根
    • admin（管理工具）
    • css
    • 表格（网站的要点在这里）
    • 图片
    • 包括（多个页面使用的asp代码片段）
    • js（现在只是一些东西，比如一个古老的喘息拼写检查器）

据我所知，jQuery css 文件假定 (1) 每个主题都在自己的文件夹中，并且 (2) 每个文件夹都有自己的 images 子文件夹。我怎样才能说服它？即把必要的.js 文件放在'js' 文件夹中，把.css 文件放在'css' 文件夹中，把图片放在'images' 文件夹中？

4

5 回答 5

7

我通常将图像jquery-ui-1.8.custom.css和jquery-ui-1.8.custom.min.js图像一起复制到我的服务器。jquery-1.4.2.min.js如果您的服务器上还没有该文件，您还需要该文件。其余的我不使用。

如果将图像放在图像目录中，则无需更改任何内容。

你真的不需要开发包中的任何东西。如果您想尝试它们，它包含一堆演示和所有预构建的主题。

此链接包含有关开始使用 jQuery UI 的更多信息： http ://learn.jquery.com/jquery-ui/getting-started/

于 2010-04-16T21:47:45.573 回答
4

将 css 和 js 文件分开放置没有问题，因为无论如何您都将它们包含在您的 html 中。

但是，对于图像，您将不得不修改 css。编辑 css 文件并找到对图像的引用，例如

background: url(path/to/image.jpg)

并将其更改为适当的位置

于 2010-04-16T21:46:35.983 回答
0

在我的项目中，我只使用 css 文件夹及其图像文件夹和 jquery-ui-1.8.custom.min.js。如果您还没有使用 jQuery，那么您当然需要在引用 jQuery UI .js 文件之前引用它。我不相信您需要该 dev 文件夹中的任何内容。

于 2010-04-16T21:44:49.503 回答
0

只需将 jQueryUI js 文件放在您选择的文件夹中（即在您的服务器上），然后将其链接到您的 HTML 标记中，如下所示（并记住在包含 jQuery 库之后放置它）：

<script src="js/vendor/jquery-1.10.2.min.js"></script>
<script src="js/vendor/jquery-ui-1.10.4.custom.min.js"></script>

棘手的部分是图像和 jQueryUI css 文件的去向。我发现图像的最佳位置是将整个自定义主题文件夹复制到您当前的 css 文件夹中，然后从自定义主题文件夹中链接到 jQueryUI css。这样，jQuery css 文件就会知道在哪里找到它需要的图像文件，如下所示：

<link rel="stylesheet" href="css/custom-theme/jquery-ui-1.10.4.custom.css" />
于 2014-06-10T10:04:18.047 回答
0

只需复制整个目录并链接到jquery-ui.css其中。请记住，它需要它的“images”目录，因此请保持结构完整，如果要切换主题，只需更改目录即可。

在 Theme-roller 中重新编辑此主题

打开所述文件，找到第 4 行（YMMV），其中显示：

* To view and modify this theme, visit http://jqueryui.com/themeroller/?

复制整行，是的，它很大，然后在浏览器中打开它。Presto，项目已加载。

于 2017-10-23T15:49:46.920 回答