2012-11-28 36 views
0

我是新來的android編程,我想使用Phonegap和jQuery Mobile。麻煩讓jQuery移動工作

我已經配置了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」,由「這部作品」取代,但是當我啓動Android模擬器,這是情況並非如此。

有人能幫我找出我做錯了什麼嗎?

非常感謝您的幫助

最好的問候。

Florent

+0

問題。你說它不適用於'模擬器',那麼它在真正的Android設備上工作? – lv0gun9

+0

不是我沒有測試過真實的設備,因爲腳本太基本了,我不認爲這個問題與模擬器的使用有關 – ehretf

+0

好吧,我想我明白了。 jQuery mobile不足以運行這個腳本,我也需要包含jQuery。看起來像jQuery手機只是用於構建界面......在確認我是對的之後,我會關閉我的問題。 – ehretf

回答

0

我確認我錯過了包含jQuery庫。 添加它解決了我的問題:

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