jQuery移动数据主题不起作用 [英] jquery mobile data-theme not working
问题描述
我有一个简单的登录页面，我正在尝试将主题"b"应用到该页面，但是它不起作用.该页面看起来很暗，而不是主题b的样子. 有什么主意吗?
I have a simple log in page and I'm trying to apply theme "b" to it, but it doesn't work. The page looks dark and not the way theme b should look like. Any idea?
谢谢.
我的标题
My header
<link rel="shortcut icon" href="img/favicon.ico">
<link rel="stylesheet" href="css/themes/default/jquery.mobile-1.4.0.min.css">
<!--<link href="css/ios_inspired/styles.css" rel="stylesheet" />-->
<!--<link rel="stylesheet" href="css/jqm-demos.css">-->
<script src="js/jquery.mobile-1.4.0/jquery.js"></script>
<script src="js/jquery.mobile-1.4.0/jquery.mobile-1.4.0.min.js"></script>
</head>
<body>
<div data-role="page" id="Page_Login" data-quicklinks="true" data-theme="b" >
<div data-role="header" >
<h1>My header</h1>
</div>
<div role="main" class="ui-content jqm-content jqm-fullwidth" data-theme="b" >
<h1 style=" text-align:center;">Connect</h1>
<form dir="rtl">
<!--<div data-role="fieldcontain" >-->
<label for="txtEmail">email:</label>
<input type="email" name="txtEmail" id="txtEmail" value="" />
<!--</div> -->
<!--<div data-role="fieldcontain" >-->
<label for="txtPassword">password:</label>
<input type="password" name="txtPassword" id="txtPassword" value="" />
<!--</div> -->
<a href="" data-transition="flip" class="ui-btn ui-corner-all" onclick="MemberLogIn()">connect</a>
</form>
</div><!-- /content -->
</div><!-- /page -->
</body>
推荐答案
更新
经典主题应升级为可与jQuery Mobile 1.4.x一起正常使用
Update
The classic theme should be upgraded to work properly with jQuery Mobile 1.4.x
与jQuery Mobile的旧版本不同，最新版本1.4仅具有两个主题/样本 a 和 b .后者是深色/黑色主题.
Unlike old versions of jQuery Mobile, the latest version 1.4 has only two themes/swatches a and b. The latter is dark/black theme.
-
您可以使用 ThemeRoller 创建自己的主题.
使用jQuery Mobile提供的经典样式表以及默认样式表.
Use classic style sheet offered by jQuery Mobile, along with default style sheet.
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css" />
<link rel="stylesheet" href="http://demos.jquerymobile.com/1.4.0/theme-classic/theme-classic.css" />
Demo
这篇关于jQuery移动数据主题不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
