我面临以下问题:我想使用ThemeRoller将自定义主题应用于我的视图。但是一旦我使用它们,界面就会变得混乱,请参见下图:
没有 ThemeRoller:
使用 ThemeRoller:
使用 ThemeRoller,刷新:
我的导航菜单也是如此:从这里:
对此:
我已经按照他们的解释使用了 ThemeRoller。我正在使用正确的 ThemeRoller 版本,与我的 jQuery 版本 1.0.1 匹配。我以正确的顺序导入了文件:
<link rel="stylesheet" href="~/Themes/CustomTheme2.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile.structure-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
如果您错过任何信息,请发表评论,我会提供!
提前致谢!
编辑_1:
ThemeRoller 的说明:
要使用您的主题,请将其添加到页面顶部的 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.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile.structure-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
</head>