JQueryMobile Cordova应用程序看起来不太好

Question

我刚刚开始使用Cordova + JQM，这是我的第一个应用程序，但应用程序看起来不像是一个没有边框感的应用程序而是普通页面。 这是我的元标记：

<meta name="viewport" content="user-scalable=no,width=device-width, height=device-height, target-densitydpi=device-dpi" />

包括样式表和脚本：

    <link rel="stylesheet" href="css/main.css" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.2.min.css" />
    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="js/jquery.mobile-1.4.2.min.js"></script>
    <script type="text/javascript" src="js/Jquery.js"></script>

页面代码：

        <div data-role="page">
        <div data-role="header">
    <h1>Testing</h1>
</div><!-- /header -->
    <div role="main" class="ui-content">
    <a href="#" onclick="playAudio(url);" class="ui-btn ui-shadow">Play</a>
    <button onclick="stopAudio()" class="ui-btn ui-shadow">Stop</button>
</div>

<div  data-role="footer">
    <h4>The End</h4>
</div><!-- /footer -->
    </div>

这是它的样子：

感谢任何帮助。