2013-02-02 54 views
2

我正在研究Phonegap jQuery移動Android應用程序。該應用程序從默認的index.html頁面開始,並使用$ .mobile.changePage加載demo.html文件。 demo.html被加載並正確顯示,但JavaScript不起作用。我認爲我搞亂了jQuery Mobile的'pageinit'事件,或者我不知道如何使用它。Javascript無法在Phonegap和jQuery Mobile中的第二個html文件中工作

這裏是我的代碼:

這發生在index.html的:

$.mobile.changePage("demo.html", { 
           transition: "slideup", 
           reverse: false, 
           changeHash: false 
          }); 

而對於demo.html代碼:所以,當獲取顯示

<!DOCTYPE HTML> 
<html> 
    <head> 
    <script type="text/javascript"> 
    $('#demo-page').live('pageinit', function(){ 
    alert("Welcome"); 
    }); 
    </script> 
    </head> 
    <body> 
    <div data-role="page" id="demo-page" > 
    <div data-role="header"> 
    <h1>Take a tour</h1> 
    </div> 
     <div data-role="content" id="demo-content"> 
      <h2>This is the demo page.</h2> 
     </div> 
    </div> 
    </body> 
</html> 

的demo.html ,「歡迎」提醒不會被執行。 我不知道這裏發生了什麼。

回答

4

它不工作,因爲只有第二頁的身體部分被加載。

把這部分:

<script type="text/javascript"> 
    $('#demo-page').live('pageinit', function(){ 
     alert("Welcome"); 
    }); 
</script> 

到的index.html。

從demo.html執行此代碼的唯一方法是將其作爲外部鏈接加載。

+0

好吧,太棒了!警報工作,但首先警報工作,然後demo.html加載。任何解決方案 – jigargm

+0

將pageinit更改爲其他頁面事件,請參閱我關於此主題的其他文章:http://stackoverflow.com/questions/14468659/jquery-mobile-document-ready-vs-page-events – Gajotres

+0

最後一頁事件已執行是一個頁面展示,你應該使用那個。 – Gajotres

相關問題