Javascript jQuery Mobile-转换和页面更改
我试图让jquerymobile意识到,当我单击某个链接时,用路径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() {
/?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
将“加载”方法更改为其他选择器无效
停 我也在做类似的事情: