jquerymobile wp7 更改页面

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一样，它有一个调试控制台来显示错误吗？