jQuery Mobile: Nhận ID của trang trước

Question

Về cơ bản, tôi chỉ cần sử dụng chức năng tùy chỉnh khi, trang #reviews được nhấp vào từ trang chủ.

Đây là mã hiện tại tôi đang sử dụng:

$(document).bind("mobileinit", function(){ 
    $('#reviews').live('pagebeforeshow',function(event){ 
    var cpage = $.mobile.activePage.attr('id'); 
     if (cpage == 'home') { 
      addPages(); 
     } 
    }); 
}); 

Vấn đề là, mặc dù nó được sử dụng 'pagebeforeshow' nó đang sử dụng id của trang đó là về để chuyển đổi sang như trang hoạt động , trong trường hợp này là 'đánh giá' chứ không phải ở nhà, do đó làm cho câu lệnh if thất bại.

Vì vậy, câu hỏi của tôi là, trong ví dụ này, làm cách nào tôi nhận được id của trang trước đó, để đảm bảo rằng nó thực tế đến từ trang #home?

Answer 1

Để hoàn thành câu trả lời: bạn sẽ nhận được một đối tượng jQuery trở lại, vì vậy để có được ID của trang làm điều này:

$("#page-id").live('pagebeforeshow', function(event, data) { 
    console.log("the previous page was: " + data.prevPage.attr('id')); 
}); 

data.prevPage là nhận trang trước khi đối tượng jQuery,

.attr ('id') lấy id từ đối tượng jQuery đó.

Answer 2

pagebeforeshow trình xử lý sự kiện thực sự nhận được 2 thông số: sự kiện và ui. Bạn có thể truy cập trang trước đó từ ui. Đây là một ví dụ từ jquery-mobile event docs:

$('div').live('pageshow', function(event, ui){ 
    alert('This page was just hidden: '+ ui.prevPage); 
}); 

Những params là như nhau cho tất cả 4 trang show/hide sự kiện.