为手机差距设置Jquery Mobile

时间:2014-01-13 22:50:12

标签: jquery-mobile cordova

我希望设置jquery mobile与手机差距,并执行一个非常简单的任务,看看它是否正常工作。这就是我到目前为止所做的:

    <!DOCTYPE html>
<html>
  <head>
    <title>Device Properties Example</title>

    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/jquery.mobile.custom.js"></script>
    <script type="text/javascript" charset="utf-8">
        $(document).on('pageinit', function(){
            $("#geolocation").html("Hey World");
        });
    </script>
  </head>
  <body>
    <p id="geolocation">Finding geolocation...</p>
  </body>
</html>

我想将p标签的内容更改为“Hey World”。我是Phone Gap的新手。任何建议都会很棒。

1 个答案:

答案 0 :(得分:1)

您在头部中缺少一些参考文献:

  1. jQuery Mobile CSS文件
  2. jQuery JS文件
  3. 您还需要检查PhoneGap的deviceready事件,除非您已在之前由PhoneGap加载的页面上执行此操作。例如:

    $(document).on("deviceready", function()
    {
        // phonegap ready
    }