-1

我正在使用 JQuery Mobile 进行移动应用程序开发。我设计了我的观点。测试时它在浏览器上运行良好,但在移动设备上显示黑屏。请分享任何经验。

我的登录屏幕:

    <!DOCTYPE html>     
    <html>
    <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" />
    <title>MyApp</title>
    <link rel="shortcut icon" href="images/favicon.png" />
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
    <link rel="stylesheet" href="css/jquerymobile120.css" />
    <link rel="stylesheet" href="css/default320.css" />     
    </head>
    <body id="content" style="display: none">
<div data-role="page" id="login" class="MainCon">
<div class="MastHead" data-role="header" data-position="fixed" data-tap-toggle="false">
<div class="MastHeadInner">
<div class="HeaderLogo"><img alt="" title="" src="images/logo.png"  /></div>

</div>
</div>

    <div data-role="content">

            <div id="AuthDiv" class ="LoginBox" style="display:none">
                <div  class="LogBoxCon">
                    <p>
                        <input type="text" name="name" class="iconin" placeholder="user ID" id="AuthUsername"/>
                    </p>
                    <p>
                        <input type="password" name="password"  class="iconid" placeholder="password" id="AuthPassword"/>
                    </p>
                    <div class="BtnLog">
                        <a class ="LightGrayBtn LoginBtn" href="#" id="AuthSubmitButton">login</a>
                    </div>
                </div>
            </div> 
        </div>

</div> 

4

1 回答 1

1

您在问题中粘贴的 HTML 文件中所有与 Worklight 相关的部分在哪里?
这个 HTML 代码......这是在应用程序的 MAIN HTML 文件中,还是您的一个?如果是附加的 HTML 文件,如何加载?

一个基本的 HTML 文件如下所示。请注意与以下内容相比,您的所有缺少的参考资料。

<!DOCTYPE HTML>
<html>
        <head>
            <meta charset="UTF-8">
            <title>testapp</title>
            <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
            <link rel="shortcut icon" href="images/favicon.png">
            <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
            <link rel="stylesheet" href="css/testapp.css">
            <script>window.$ = window.jQuery = WLJQ;</script>
        </head>
        <body id="content" style="display: none;">
            <!--application UI goes here-->
            testapp
            <script src="js/initOptions.js"></script>
            <script src="js/testapp.js"></script>
            <script src="js/messages.js"></script>
        </body>
</html>
于 2013-08-22T05:26:02.710 回答