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>
<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">电子邮件:</label><input type="email" name="txtEmail" id="txtEmail" value=""/><!--</div>--><!--<div data-role="fieldcontain" >--><label for="txtPassword">密码:</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></表单></div><!--/content --></div><!--/page -->