0

我面临以下问题:我想使用ThemeRoller将自定义主题应用于我的视图。但是一旦我使用它们,界面就会变得混乱,请参见下图:

没有 ThemeRoller:

无主题滚轮

使用 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>
4

1 回答 1

2

据我所知,为所有元素创建/应用样式的 js 会渲染两次。尝试在控制台中检查。

于 2014-01-13T09:43:56.007 回答