Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery Mobile-转换和页面更改_Javascript_Jquery_Ajax_Jquery Mobile - Fatal编程技术网

Javascript jQuery Mobile-转换和页面更改

Javascript jQuery Mobile-转换和页面更改,javascript,jquery,ajax,jquery-mobile,Javascript,Jquery,Ajax,Jquery Mobile,我试图让jquerymobile意识到,当我单击某个链接时,用路径/?date={n}调用服务器,其中n是表示从今天开始的天数的数字。到目前为止,JS文件如下所示: (function() { $(document).ready(function() { var m, move; m = parseInt($("#main")[0].getAttribute("data-message")); $("a#m_previous").click(function() {

我试图让jquerymobile意识到,当我单击某个链接时,用路径
/?date={n}
调用服务器,其中n是表示从今天开始的天数的数字。到目前为止,JS文件如下所示:

(function() {
  $(document).ready(function() {
    var m, move;
    m = parseInt($("#main")[0].getAttribute("data-message"));
    $("a#m_previous").click(function() {
      return move(-1, true);
    });
    $("a#m_next").click(function() {
      return move(1, false);
    });
    return move = function(direction, slide) {
      m += direction;
      return $.mobile.changePage({
        url: '/',
        type: 'get',
        data: {"date": m}
      }, "slide", slide, false);
    };
  });
}).call(this);
与,$.mobile.changePage一样,$.mobile.changePage使用两个参数作为它应该检查的路径:动画、反转和changeHash。所以,虽然我相信我做了所有正确的动作,但有些事情不起作用

调用此函数时,它成功地发出URL请求,提供必要的HTML,但它没有通过转换部分。一个小弹出窗口显示“正在加载”,但仅此而已

我错过了什么?要成功完成页面转换,我需要做什么

非常感谢您的帮助

编辑:所以文档进来了,我可以在web检查器中看到。但它没有被加载,所以我尝试了以下方法:

(function() {
  $(document).ready(function() {
    var m, move;
    m = parseInt($("#main")[0].getAttribute("data-message"));
    $("a#m_previous").click(function() {
      return move(-1, true);
    });
    $("a#m_next").click(function() {
      return move(1, false);
    });
    return move = function(direction, slide) {
      m += direction;
      return $("body").load('/?date=' + m + 'main', $.mobile.changePage('/?date=' + m, "slide", slide, false));
    };
  });
}).call(this);
这就完成了调用并过渡到下一页但是,有一些警告:
*滑动动画不会发生。 *CSS样式表不会在手机上加载,而是将“加载”框保留在手机上。但它每晚都在Webkit中工作

布局的结构如下所示:

id=body data-role='page'
    data-role=header
    id=day_header data-role=header
    id=main data-role=content
将“加载”方法更改为其他选择器无效


停 我也在做类似的事情:


您看过firebug中的ajax调用吗?响应是否正确?另外:确保使用JQMalpha3和jquery 1.5.1ajax调用在浏览器中工作,并使用正确的文档进行响应,但从未加载。考虑到这一点,我对问题进行了编辑,加入了新的信息。嗯……我认为这两个问题都不适用于这种情况。您是如何通过jquerymobile完成的呢?因此,我使用了多页面布局,我转换到的页面执行ajax调用来获取页面内容。然后我只是刷新页面。我将更新我的答案,以提供这些链接以及