jquerymobile wp7 changePage

Question

一直在jquerymobile項目上工作，並在WP7（和IE7）中遇到了問題。

起初我把所有的內容放在一個大頁面上，但是WP7沒有加載任何頁面，所以我不得不將頁面分成不同的.htm文件。

所以這裏是我的。我有一個頁面需要從某些s取值，運行一個函數，然後進入下一頁並顯示結果。

這一切都是頁「三」上的方式

起初我

<a id="calculate_square" href="results.html">Calculate volume</a> 

但由於它馬上引導到results.html

我無法得到它的有趣功能

所以不是我有

<a id="calculate_square" href="#">Calculate volume</a> 

和下面的JS代碼：

$('#three').live('pagebeforeshow',function(event, ui){ 
    $('#calculate_square').click(function() { 
     var height = $('#height').val(); 
     var width = $('#width').val(); 
     var depth = $('#depth').val(); 

     if(height == 0 || width == 0 || depth == 0){ 
      alert("something is blank"); 
     } 
     else { 
      calculateSquare(); 
      $.mobile.changePage("results.html"); 
     } 
    }); 
}); 

其中除了WP7/IE7，其中，如果輸入爲空，則返回警報到處工作正常，但似乎並沒有處理$ .mobile.changePage（「results.html」）;

我使用的是最新版本1.0a4.1。

那麼我該怎麼做呢？任何幫助都會很棒。不能相信這已經對WP7 :(

Answer 1

首先，我會鏈接變爲按鈕爲JQM可能仍試圖用它作爲導航工作

此：

<a id="calculate_square" href="#">Calculate volume</a> 

到：

<input type="button" value="Calculate volume" id="calculate_square" /> 

至於你changePage（），有更多的選項，你需要提交數據，轉換，跟蹤等..這裏是文檔：http://jquerymobile.com/demos/1.0a4.1/docs/api/methods.html

實施例我使用了changePage（）是這樣的：

$.mobile.changePage({ 
    url: 'request.php?page=foo', 
    type: 'post', 
    data: $('form#myForm').serialize() 
},'slide',false,false); 

此處理POST提交以及和導航。

當你wp7它有一個調試控制檯來顯示錯誤？