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")
に変更しようとしましたが、うまくいきませんでした。
$(document).live('pagebeforeshow', function() {
alert($.mobile.activePage.attr('id'));
});
使用してみてください
var activePage = $.mobile.activePage.attr("id");
動作するjsfiddleを作成しました http://jsfiddle.net/Z5Uze/1/
これは古いスレッドであることがわかっているので、これはおそらく最近の追加です。
やってみました:
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*/ }
これを試してください、それは私のために働いています:
var activePage = $.mobile.activePage[0].id;
Fiddleアラートが機能している場合: http://jsfiddle.net/9XThY/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);
});
これを行っています:
$(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'
});
Jquery mobile 1.4.3フレンドリー...
$(document).on('pagebeforeshow', function () {
var URL = $.mobile.path.parseUrl(window.location).toString().toLowerCase();
alert(URL);
});