文章/答案/技术大牛

发布

社区首页 >问答首页 >Themeroller头和Phonegap

问Themeroller头和Phonegap
EN

Stack Overflow用户

提问于 2014-08-30 19:28:31

回答 2查看 177关注 0票数 0

在Phonegap的帮助下，我正在用html开发一个android应用程序。

我用特梅尔勒制作了自己的应用程序主题

这个主题在IE和Chrome中显示得很好，但在我的手机上却不是这样。我制作的Themeroller主题被一个标准主题所取代。我不是唯一一个，很多其他人也有同样的问题，请看这里。然而，通过阅读解决方案，我无法提出任何自己的解决方案。

我想要一些帮助来重写我的代码。

这是我的密码。

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css">
<link rel="stylesheet" href="css/themes/Jakt.min.css" />
<link rel="stylesheet" href="css/themes/jquery.mobile.icons.min.css" />
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>

提前谢谢。

android

jquery

themeroller

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-08-30 21:34:14

下面是解决我的问题的代码：

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="css/themes/jakt.css" />
  <link rel="stylesheet" href="css/themes/jquery.mobile.icons.min.css" />
  <link rel="stylesheet" href="jquery.mobile.structure-1.4.3.min.css" /> 
  <script src="jquery-1.11.1.js"></script> 
  <script src="jquery.mobile-1.4.3.min.js"></script>

我删除了<meta charset="utf-8" />，因为它不能正确显示斯堪的纳维亚字母。虽然上面的代码可以很好地处理urls，但我还是把文件放在了本地。

票数 1

Stack Overflow用户

发布于 2014-08-30 20:35:06

当包含jQueryMobile Themeroller时，您必须包含一个包含基本css：http://code.jquery.com/mobile/1.4.3/jquery.mobile.structure-1.4.2.min.css的文件，而不是标准文件。此文件通过自定义css从站点下载：

<!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.css" />
  <link rel="stylesheet" href="css/themes/jquery.mobile.icons.min.css" />
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.3/jquery.mobile.structure-1.4.3.min.css" /> 
  <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 
  <script src="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.js"></script> 

</head>

您的代码应该是：

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile.structure-1.4.2.min.css" /> 
<link rel="stylesheet" href="css/themes/Jakt.min.css" />
<link rel="stylesheet" href="css/themes/jquery.mobile.icons.min.css" />
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/25585994

复制

相似问题

问Themeroller头和Phonegap
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Themeroller头和PhonegapEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Themeroller头和Phonegap
EN