0

我在 jquery themeroller 上创建了一个自定义 jquery 主题并下载了它，如说明所述，我在 html 文件的头部包含以下行，我是否也应该将 css 文件传输到我的服务器？如果是这样，应该是所有文件吗？

<meta name="viewport" charset="UTF-8" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" href="themes/MyCustomTheme.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css"/>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
4

2 回答 2

1

我会告诉你该怎么做，但让我们从头开始，我将从 jQuery Mobile 1.3.2 的角度来谈谈，同样的逻辑适用于旧版本。要使用 jQuery Mobile，需要两个文件（我不算基本的 jQuery）：

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile.structure-1.3.2.min.css" /> 
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css"></script>

jQuery MobileCSS文件也可以拆分为主题文件和结构文件，它们可以在压缩的框架文件中找到。如果您想在需要使用的经典主题上添加新主题，您已经知道了什么

如果要添加新主题（或色板），则需要使用jquery.mobile.theme-1.3.2.css文件，将其导入主题构建器工具并添加新主题/色板。CSS这里不能使用最小化的主题文件，必须解压。

完成新主题后，系统将提示您下载包含新主题文件的 zip 文件。现在我们准备好实施新主题了。首先解压缩下载的文件并将其保存在某个地方（特别是如果您打算稍后修改它）。在那里你会找到 1 个HTML文件、2 个 css 文件和图像目录。选择一个CSS文件（任何人都可以，但如果可能的话使用缩小文件）并将其上传到您的服务器。

现在打开您的 HTML 文件并添加指向新CSS文件的链接（指向您的服务器的链接）并将其添加到原始 CSS 文件之后，因为新主题也有旧主题，您不需要使用 structure.css 文件。

但这还没有结束，从您的评论中我可以看到您已经上传了您的文件，但您无法访问它。如果您的服务器是基于 Linux/Unix 的，您需要为新的 CSS 文件赋予新的权限，以便可以从外部访问它们。

此行可用于为其赋予正确的权限（同样适用于 Linux 和 Unix）：

sudo chmod 666 <filename>

工作示例：http: //jsfiddle.net/Gajotres/PMrDn/35/

最后，您将只需要这些文件：

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
    <link rel="stylesheet" href="http://socialmedia.mobilevelocity.co.uk/CS408/MySocialStream.min.css" />
    <!--<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>-->
    <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"
于 2013-07-23T18:37:52.500 回答
0 
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="themes/MyCustomTheme.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile.structure-1.3.2.min.css" /> 
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>

你只是错过了结构文件。您仍然可以使用 CDN

于 2013-07-23T16:54:26.887 回答