gpt4 book ai didi

css - JQueryMobile 主题不适用

转载 作者:太空宇宙 更新时间:2023-11-03 18:29:11 24 4
gpt4 key购买 nike

我使用 JQM 的 Themeroller 为我的应用程序开发了一个主题。现在,我只是想让它在 Chrome 中运行。

我的 HTML 文件的头部设置如下:

<head>
<title>SafeRides</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="themes/SafeRidesTheme.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-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>
</head>

我的文件目录如下:

Application/
index.html
themes/
SafeRidesTheme.css
SafeRidesTheme.min.css
images/

我是否只是在文件布局中遗漏了一些明显的东西?如果有人可以帮助我了解这里发生了什么,我将不胜感激。

最佳答案

当使用 Theme Roller 制作的自定义主题时,库应该以这种方式加载。

您应该删除 jQM 默认样式表并在自定义样式表之前加载 jQM 结构样式表。

<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile.structure-1.3.2.min.css" />
<link rel="stylesheet" href="themes/SafeRidesTheme.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>
</head>

关于css - JQueryMobile 主题不适用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20208371/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com