Jquery mobile jQuery移动刷卡导航异常
我在一个文档中有一系列的页面,我使用触摸屏设备从一页导航到另一页 我不知道怎么做,就是在我到达某个页面id时停止刷卡事件 这是我在我的导航中使用的代码:Jquery mobile jQuery移动刷卡导航异常,jquery-mobile,jquery,swipe,Jquery Mobile,Jquery,Swipe,我在一个文档中有一系列的页面,我使用触摸屏设备从一页导航到另一页 我不知道怎么做,就是在我到达某个页面id时停止刷卡事件 这是我在我的导航中使用的代码: $('div.ui-page').live("swipeleft", function(){ var nextpage = $(this).next('div[data-role="page"]'); if (nextpage.length > 0) { $.mobile.changePage(nextpage, "slide", fal
$('div.ui-page').live("swipeleft", function(){
var nextpage = $(this).next('div[data-role="page"]');
if (nextpage.length > 0) {
$.mobile.changePage(nextpage, "slide", false, 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}, true, true);
}
});
我正在使用jqm1.3
感谢您的帮助使用下面的定义下一个和上一个页面ID,如果它等于您不想显示的页面,请不要执行任何操作
var DoNothing = 'DoNothing';
// fetch ID of next page in DOM
var nextpage = $.mobile.activePage.next('[data-role=page]')[0].id;
// fetch ID of previous page in DOM
var prevpage = $.mobile.activePage.prev('[data-role=page]')[0].id;
// logic
if(nextpage == DoNothing || prevpage == DoNothing) {
// Do nothing!
}
使用下面的定义下一个和上一个页面ID,如果它等于您不想显示的页面,则不执行任何操作
var DoNothing = 'DoNothing';
// fetch ID of next page in DOM
var nextpage = $.mobile.activePage.next('[data-role=page]')[0].id;
// fetch ID of previous page in DOM
var prevpage = $.mobile.activePage.prev('[data-role=page]')[0].id;
// logic
if(nextpage == DoNothing || prevpage == DoNothing) {
// Do nothing!
}
下面是一个工作示例: 基本上,您只需要以下代码:
if($(this).attr('id') == 'article2') {
event.preventDefault();
return false;
}
此代码将检查某个页面是否具有特定名称,如果是,则将阻止默认操作事件。也不要忘记在代码中传递事件对象,所以
更改此项:
$('div.ui-page').live("swiperight", function(){
为此:
$('div.ui-page').live("swiperight", function(event){
下面是一个工作示例: 基本上,您只需要以下代码:
if($(this).attr('id') == 'article2') {
event.preventDefault();
return false;
}
此代码将检查某个页面是否具有特定名称,如果是,则将阻止默认操作事件。也不要忘记在代码中传递事件对象,所以
更改此项:
$('div.ui-page').live("swiperight", function(){
为此:
$('div.ui-page').live("swiperight", function(event){
你的问题是什么?如果显示的是第一页和最后一页,您的代码已经阻止您滑动,您还需要什么?很抱歉,我没有说清楚,发生的是我有一些使用单击事件调用的隐藏页。在常规的滑动导航中不应该看到它们,它们被故意放在文档的底部,因此我需要一种方法来防止以这种方式访问此页面。我想我知道当您到达某个页面时,您想打开swiperight或swipeleft,对吗?是,这正是我想要的你的问题是什么?如果显示的是第一页和最后一页,您的代码已经阻止您滑动,您还需要什么?很抱歉,我没有说清楚,发生的是我有一些使用单击事件调用的隐藏页。在常规的滑动导航中不应该看到它们,它们被故意放在文档的底部,因此我需要一种方法来防止以这种方式访问此页面。我想我知道当您到达某个页面时,您想打开swiperight或swipeleft,对吗?是的,这正是我要寻找的精彩示例。我已经在使用这个代码了。非常感谢你的例子。我已经在使用这个代码了。非常感谢你