21

我正在使用 jQuery Mobile 1.1.1 和 Apache Cordova 2.0.0。我希望我的应用程序在我按下后退按钮时退出，但前提是当前页面的 ID = feedZive。我正在使用以下代码来做到这一点：

function onDeviceReady(){
    document.addEventListener("backbutton", onBackKeyDown, false);
    function onBackKeyDown(){
        if ($.mobile.activePage.is("#feedZive")){
            navigator.app.exitApp();
        }
        else{
            navigator.app.backHistory();
        }

    }
};

但是看起来我无法获取当前页面，因为我尝试了以下代码：

var activePage = $.mobile.activePage;
alert(activePage);

我的警报显示未定义。我也尝试过更改$.mobile.activePage，$.mobile.activePage.attr("id")但没有成功。

4

8 回答 8

46 
$(document).live('pagebeforeshow', function() {
    alert($.mobile.activePage.attr('id'));
});​

http://jsfiddle.net/ajD6w/5/

于 2012-09-24T11:25:58.263 回答
18

尝试使用

var activePage = $.mobile.activePage.attr("id");

我为你做了一个工作 jsfiddle http://jsfiddle.net/Z5Uze/1/

于 2012-09-17T20:39:44.343 回答
11

我意识到这是一个旧线程，所以这可能是最近添加的。

你有没有尝试过：

var activePage = $.mobile.pageContainer.pagecontainer("getActivePage");
if(activepage[0].id == yourpageid)
{ /*do something here*/ }

或其他方式：

var activePage = $.mobile.activePage.attr('id')
if(activepage == yourpageid)
{ /*do something here*/ }
于 2014-04-23T18:03:07.753 回答
6

试试这个，它对我有用：

var activePage = $.mobile.activePage[0].id;

这是一个带有警报的小提琴：http: //jsfiddle.net/9XThY/3/

于 2012-09-17T14:58:14.623 回答
3 
$(document).ready(function() {

//exit when back button pressed on home screen
document.addEventListener("deviceready", function() {
    document.addEventListener("backbutton", function() {
        if ($.mobile.activePage.attr('id') == "home") {
            navigator.app.exitApp();
        } else {
            navigator.app.backHistory();
        }
    }, false);
}, false);

});

于 2013-04-23T17:51:20.697 回答
2

我们这样做：

$(document).on("pagecontainershow", function() {
    var activePage = $.mobile.pageContainer.pagecontainer("getActivePage");

    var activePageId = activePage[0].id;

    if(activePageId != 'splashPage') { //fix rotation splash flash bug
        $("#splashPage").hide();
    } else {
        $("#splashPage").show();
    }

    switch(activePageId) {
        case 'loginPage':
            loginPageShow();
            break;
        case 'notificationPage':
            notificationPageShow();
            break;
        case 'postPage':
            postPageShow();
            break;
        case 'profilePage':
            profilePageShow();
            break;
        case 'splashPage':
            splashPageShow();
            break;
        case 'timelinePage':
            timelinePageShow();
            break;
        default:
            break;
    }
});

导航是这样工作的：

    $.mobile.loading('hide');
    $(":mobile-pagecontainer").pagecontainer("change", "#timelinePage", {
        transition: 'none'
    });
于 2015-06-18T14:25:49.407 回答
0

jquery mobile 1.4.3 友好...

$(document).on('pagebeforeshow', function () {
    var URL = $.mobile.path.parseUrl(window.location).toString().toLowerCase();

    alert(URL);
});
于 2014-08-26T20:01:00.787 回答
-2

这两种解决方案都很好，但我需要把它放在 document.ready(function()

$(document).ready(function(){
var activePage = $.mobile.activePage[0].id;
alert(activePage);
});
于 2012-09-18T10:50:14.133 回答