使用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視圖

回答

相關問題