使用JQuery Mobile时未在移动设备上显示HTML视图

-1

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

我的登录屏幕：

<!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>

来源

2013-08-20 Varun Mehta

请分享更多详情。 – Omar

这与工作灯有什么关系？ –

你正在测试哪个设备？哪个Worklight版本？哪个jQuery Mobile版本？共享整个HTML文件。 –

哪里是所有在HTML文件中的工作灯相关的部分你在问题中粘贴？
此HTML代码...这是在应用程序的主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-22 05:26:02

使用JQuery Mobile时未在移动设备上显示HTML视图

回答

相关问题