无法让jQuery移动工作

时间:2012-11-28 23:06:50

标签: android jquery

我是Android编程的新手,我正在尝试使用Phonegap和jQuery Mobile。

我已经配置了Eclipse,Android SDK和Phonegap,这是正常的,但是我遇到了jQuery问题。

这是我的jQuery测试页面:

     <!DOCTYPE html>
     <html>
     <head>
        <title>TEST</title>
        <script type="text/javascript" charset="utf-8" src="cordova-2.2.0.js"></script>
        <script type="text/javascript" charset="utf-8" src="jquery.mobile-1.2.0.js"></script>
        <script type="text/javascript" charset="utf-8">

    var deviceReadyDeferred = $.Deferred();
    var jqmReadyDeferred = $.Deferred();

    document.addEventListener("deviceReady", deviceReady, false);

    function deviceReady() {
        $('#title2').html('THIS WORK');
      deviceReadyDeferred.resolve();
    }

    $(document).one("mobileinit", function () {
      jqmReadyDeferred.resolve();
    });

    $.when(deviceReadyDeferred,  jqmReadyDeferred).then(doWhenBothFrameworksLoaded);

    function doWhenBothFrameworksLoaded() {
        $('#title2').html('THIS WORK');
    }

    </script>
   </head>
   <body>

     <table width=100% height="50" border ="0">
     <tr>
        <td>
            <div id="title">TEST</div>
            <div id="title2">TEST2</div>
        </td>
    </tr>
     </table>
    </body>
    </html>

我希望将“TEST2”替换为“THIS WORK”,但是当我启动Android模拟器时情况并非如此。

有人可以帮助我找出我做错的事吗?

非常感谢你的帮助

最诚挚的问候。

Florent的

1 个答案:

答案 0 :(得分:0)

我确认我错过了包含jQuery库。 添加它解决了我的问题:

    <script type="text/javascript" charset="utf-8" src="jquery-1.8.3.js"></script>