Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/jquery-mobile/2.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
Jquery mobile jQuery移动刷卡导航异常_Jquery Mobile_Jquery_Swipe - Fatal编程技术网

Jquery mobile jQuery移动刷卡导航异常

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

我在一个文档中有一系列的页面,我使用触摸屏设备从一页导航到另一页

我不知道怎么做,就是在我到达某个页面id时停止刷卡事件

这是我在我的导航中使用的代码:

$('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,对吗?是的,这正是我要寻找的精彩示例。我已经在使用这个代码了。非常感谢你的例子。我已经在使用这个代码了。非常感谢你