用data-ajax =「true」提交jquery移動表單

我正在嘗試構建一個jQuery移動應用程序。我有一個指向結果頁面的表單，我附加了一個函數，它引入了一些json，並根據表單提交的內容計算出一些數字。我的問題是，當顯示結果頁面時，直到刷新頁面才顯示實際計算結果。用data-ajax =「true」提交jquery移動表單

我做了一些研究，爲什麼會發生這種情況，並發現它下降到JQM通過ajax加載頁面。當我向表單中添加data-ajax =「false」時，結果頁正常工作，但是我真的想使用jqm在結果頁上提供的過渡效果，因爲在min時它的效果不好，但是表單工作或效果和表單確實有效，肯定有辦法做到這一點？

結果頁面形式：

<form action="results.html" method="get" id="calculator" data-ajax="true" data-transition="flip">

然後在結果頁面剛剛結束標記之前，我把這個劇本上：

$('#resultsPage').live('pageinit', function(event) { 
    getFigures(); 
}); 


function getFigures() { 

    var propertyValue = getUrlVars()["propertyValue"]; 
    var quoteType = getUrlVars()["quoteType"]; 

    console.log(propertyValue); 
    console.log(quoteType); 

    $.getJSON(serviceURL + 'calculator.php?value=' + propertyValue, function(data) { 

     figures = data.figures; 
     $.each(figures, function(key, val) { 

      //console.log(figure); 
      //console.log('Key: ' + key + ' Val: ' + val); 

      if (quoteType == 'buying') { 

       if (key == 'total') { 
        $('#tfoot').append('<tr><th scope="row">' + key + ' </th><td><strong>&pound;' + val + '</strong></td></tr>'); 
       } else if (key != 'value') { 
        $('#tbody').append('<tr><th scope="row">' + key + ' </th><td>&pound;' + val + '</td></tr>'); 
       } 

      } else { 

       if (key == 'total') { // Total is wrong need to filter results from server for quoteType 
        $('#tfoot').append('<tr><th scope="row">' + key + ' </th><td><strong>&pound;' + val + '</strong></td></tr>'); 
       } else if (key != 'completion' && key != 'coal' && key != 'local' && key != 'landRegistry' && key != 'stampDuty') { 
        $('#tbody').append('<tr><th scope="row">' + key + ' </th><td>&pound;' + val + '</td></tr>'); 
       } 

      } 

     }); 

     $('#value').append('&pound;' + data.figures.value); 

    }); 

    //$('#figureList').listview('refresh'); 

}

有誰知道我可以使用過渡效果，仍然有一個工作表格？

來源

2012-06-18 James J