科尔多瓦/ jQuery Mobile的应用没有被建成后,正确显示网页

问题描述 投票:0回答:1

我正在使用Apache科尔多瓦和jQuery Mobile的移动应用。当我的笔记本电脑调试一切看起来正确,运行速度流畅,但是当我试图建立一个设备或看一个发布版本。看来数据角色=“页面”不工作,它只是显示所有页面。

<!DOCTYPE html>
<html>
<head>

    <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">

    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
    <link href="../Content/jquery.mobile-1.4.5.min.css" rel="stylesheet" />
    <script src="../Scripts/jquery-1.8.0.min.js"></script>
    <script src="../Scripts/jquery.mobile-1.4.5.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <!--<link rel="stylesheet" type="text/css" href="css/ManagerList.css">-->

    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">

    <title>HR Tips App</title>
</head>
<body>
    <!--Opening Page css in index.css-->
    <div data-role="page" id="Opening" class="Opening">
        <div data-role="content">
            <div><img style="width:135px" src="images/Logo2.png" /></div>
            <div class="headerText"><span></span></div>
        </div>
        <div class="footer" data-role="content">
            <div>
                <span></span>
            </div>
        </div>
    </div>
    <!--Opening Page2 css in index.css-->
    <div data-role="page" id="Opening2" class="Opening2">

        <div data-role="header" data-theme="b" class="header">
            <div class="ui-mini ui-btn-left"><img style="width:100px" src="images/Logo2.png" /></div>
            <h4>HR Tips</h4>
        </div>

        <div data-role="content" role="main" class="ui-content" id="Open2" style="background-color: rgba(0, 0, 0, 0.5);background-image: url('images/Open2.png');">
            <div class="Start">Why this app?</div>
            <div class="Middle">
                <div class="MainOpen">
                    <span>
                        Managing relationships in the workplace<br />
                        can be not only rewarding but also<br /> sometimes chalenging...lorem ipsum dolor
                        <br />sit amet, lorem ipsum dolor sit amet lorem
                        <br />sit amet, lorem ipsum dolor sit amet
                    </span>
                </div>
                <div class="EndingOpen">
                    <div>Lets get started</div>
                    <div><a href="Pages/ManagerList.html" data-transition="slideup"><img class="button" src="images/JLL_Icon_White_Next.png" style="border-width:1px;" /></a></div>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript" src="scripts/platformOverrides.js"></script>
    <script type="text/javascript" src="scripts/index.js"></script>
    <script type="text/javascript" src="scripts/ManagerLists.js"></script>

</body>
</html>

我出如何进行任何帮助将受到极大的欢迎思路

cordova jquery-mobile
1个回答
0
投票

你的手机不能访问jQuery Mobile的的.js和.css确保您可以访问它们。尝试使用CDN,以确保它的工作

© www.soinside.com 2019 - 2024. All rights reserved.