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

jquerymobile wp7 changePage

1 个答案: