Question

我遇到以下问题：我想使用ThemeRoller将自定义主题应用于我的观看次数。但是一旦我使用它们，界面就会搞砸，请看下面的图片：

没有ThemeRoller：

Without theme Roller

使用ThemeRoller：

With ThemeRoller

使用ThemeRoller，刷新：

With ThemeRoller, refreshed

我的导航菜单也是如此：由此：

enter image description here

对此：

enter image description here

我使用了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>

如果您遗漏任何信息，请发表评论，我会提供给他们！

提前致谢！

EDIT_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>

Answer 1

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

用于jQuery的ThemeRoller搞砸了UI

1 个答案: