javascript - jQueryMobileは現在のページを取得します

Question

jQueryMobile1.1.1とApacheCordova2.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")たが、うまくいきませんでした。

score 46 · Accepted Answer

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

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

score 18 · Accepted Answer

使ってみてください

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

私はあなたのために働くjsfiddleを作りました http://jsfiddle.net/Z5Uze/1/

score 11 · Accepted Answer

これは古いスレッドだと思いますので、おそらく最近追加されたものです。

やってみました：

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*/ }

score 6 · Accepted Answer

これを試してください、それは私のために働いています：

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

アラートが機能しているフィドルは次のとおりです。http：//jsfiddle.net/9XThY/3/

score 3 · Accepted Answer

$(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);

}）;

score 2 · Accepted Answer

私たちはこれを行っています：

$(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'
    });

score 0 · Accepted Answer

Jquerymobile1.4.3フレンドリー...

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

    alert(URL);
});

score -2 · Accepted Answer

このソリューションはどちらも優れていますが、document.ready（function（）内に配置する必要がありました。

$(document).ready(function(){
var activePage = $.mobile.activePage[0].id;
alert(activePage);
});

javascript - jQueryMobileは現在のページを取得します

8 に答える 8

Related

Reference