jquery移动数据主题无法正常工作

Question

I have a simple log in page and I'm trying to apply theme "b" to it, but it doesn't work. 我有一个简单的登录页面，我正在尝试将主题“b”应用于它，但它不起作用。 The page looks dark and not the way theme b should look like. 页面看起来很暗，而不是主题b的样子。 Any idea? 任何的想法？

Thanks. 谢谢。

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>

Answer 1

Update 更新

The classic theme should be upgraded to work properly with jQuery Mobile 1.4.x 应该升级经典主题以使用jQuery Mobile 1.4.x正常工作

Upgrade guide 升级指南

Unlike old versions of jQuery Mobile, the latest version 1.4 has only two themes/swatches a and b . 与旧版本的jQuery Mobile不同，最新版本1.4只有两个主题/样本a和b 。 The latter is dark/black theme. 后者是黑/黑主题。

You can either create your own themes using ThemeRoller . 您可以使用ThemeRoller创建自己的主题。

Use classic style sheet offered by jQuery Mobile, along with default style sheet. 使用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" />

Demo 演示

jquery移动数据主题无法正常工作

问题描述

1 个解决方案

解决方案1
26 已采纳 2014-02-04 09:09:11

Update 更新

jquery移动数据主题无法正常工作

问题描述

1 个解决方案

解决方案1 26 已采纳 2014-02-04 09:09:11

Update 更新

解决方案1
26 已采纳 2014-02-04 09:09:11