我的 jquery 移动网站中有三个页面,我希望它跳过左边的页面,以便第二个页面先加载。
我的 fiddle 在这里:http://jsfiddle.net/iamthestig/MMwWC/ (您可以用鼠标滑动/滑动它来浏览页面)
我的代码在这里:
HTML
<div data-role="page" id="left" data-url="left" data-theme="a">LEFT PAGE</div>
<div data-role="page" id="home" data-url="home" data-theme="a">HOME</div>
<div data-role="page" id="right" data-url="right" data-theme="a">RIGHT PAGE</div>
JS
$('div.ui-page').live("swipeleft", function(){
var nextpage = $(this).next('div[data-role="page"]');
if (nextpage.length > 0) {
$.mobile.changePage(nextpage, {transition: "slide", reverse: true, changeHash: false}, true, true);
}
});
$('div.ui-page').live("swiperight", function(){
var prevpage = $(this).prev('div[data-role="page"]');
if (prevpage.length > 0) {
$.mobile.changePage(prevpage, {transition: "slide", reverse: true, changeHash: false}, true, true);
}
});
CSS
* {
margin: 0;
padding: 0;
}
html, body {
width: 100%;
height: 100%;
background: dimgray;
}
#home {
background: dodgerblue;
}
#left {
background: red;
}
#right {
background: silver;
}
最佳答案
默认情况下,jQuery Mobile 显示 html 文件中的第一个页面。您可以直接将主页移至顶部。或者它基本上取决于你从哪里加载这个页面,当通过 href 属性改变这个页面意味着你可以做
<a href="foo.html#home">link</a>
这将使主页首先加载,其余的可以通过您的代码或
$.mobile.changePage("foo.html#home");
这会做同样的事情。
关于jquery - 跳到第二页(jQuery Mobile),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13671680/