使用cordova时自动附加“加载”div(phonegap)

时间:2012-11-12 16:58:53

标签: android cordova jquery-mobile mobile

我在android平台上使用cordova进行移动应用开发。 我在www / index.html文件中有这个html代码:

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Language" content="en" />
    <script src="cordova-2.2.0.js" type="text/javascript"></script>
    <script src="jquery/jquery.js" type="text/javascript"></script>
    <script src="jquery.mobile/jquery.mobile-1.1.0.js" type="text/javascript"></script>
    <script src="JS/main.js" type="text/javascript"></script>
    <link rel="stylesheet" href="CSS/main.css"/>

</head>
    <body id="body" class="body">
        <div id="box" class="bodyBlack">
        </div>
    </body>
</html>

我不知道为什么,但是当我运行这个应用程序时(也就是在PC浏览器上打开时)我在页面底部附加了这个div:

<div ui-loader ui-corner-all ui-body-a ui-loader-default>
    <span ui-loader ui-corner-all ui-body-a ui-loader-default></span>
        <h1>loading</h1>

以下是main.js的内容:

$(document).ready(function(){
    $('#box').click(function(){
        if($(this).attr('class') == 'bodyBlack'){
            $(this).removeClass('bodyBlack');
            $(this).addClass('bodyWhite');
        }
        else{
            $(this).removeClass('bodyWhite');
            $(this).addClass('bodyBlack');
        }
    });
});

为什么以及从何处开始剂量?我是如何阻止它这样做的? 感谢!!!

1 个答案:

答案 0 :(得分:3)

这似乎是jQuery Mobile生成的“正在加载消息”,请参阅this answer。所以jQuery Mobile正在加载一些东西(也许找不到它)。如果您仍然遇到问题,请发布main.js文件的内容!