如何使用ThemeRoller将我的jQuery移动主题导入我的网站?

时间:2011-12-07 15:36:46

标签: jquery mobile themes themeroller

我有一个小问题。昨天我用ThemeRoller创建了一个新的jQuery主题。之后我下载了一个zip文件。然后它告诉我在我的网站上添加一些代码,如:

<link rel="stylesheet" href="css/themes/my-custom-theme.css" />

我认为好的。之后我解压缩了我的zip文件,在我的rootfolder中创建了一个新的css文件夹并导入了主题文件夹。所以我已将此代码添加到我的网站:

<link rel="stylesheet" href="css/themes/test.css" />

但是很奇怪......什么也没发生。我的错在哪里? 谢谢你的帮助。

1 个答案:

答案 0 :(得分:0)

要使用您的主题,请在jquery.mobile.structure文件之后将其添加到页面的头部,如下所示:

<!DOCTYPE html>
<html>
<head>

  <title>jQuery Mobile page</title>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="css/themes/MY-CUSTOM-THEME-HERE.css" />
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0rc2/jquery.mobile.structure-1.0rc2.min.css" /> 
  <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
  <script src="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.js"></script> 

</head>

http://jquerymobile.com/themeroller/