[英]jquery mobile data-theme not working
我有一個簡單的登錄頁面,我正在嘗試將主題“b”應用於它,但它不起作用。 頁面看起來很暗,而不是主題b的樣子。 任何的想法?
謝謝。
我的標題
<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正常工作
與舊版本的jQuery Mobile不同,最新版本1.4只有兩個主題/樣本a和b 。 后者是黑/黑主題。
您可以使用ThemeRoller創建自己的主題。
使用jQuery Mobile提供的經典樣式表以及默認樣式表。
<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" />
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.