защита страницы в jQuery mobile

Question

Я пытаюсь создать мобильное приложение jquery с несколькими страницами, которые мягко защищены защитой паролем. Я предполагаю, что могу поместить что-то в одно из событий страницы, чтобы перенаправить, но я не могу заставить его работать чисто. Я могу получить перенаправление, но сначала он начинает мигать страницу, которую я пытаюсь защитить.

Вот наиболее перспективным, что я пробовал:

$(document).on("pagebeforeshow", "#ProtectedPage", function (event) { 

     if (!hasUserLoggedIn()) { 
       alert("You must be logged in to visit this page"); 
       event.preventDefault()  

       $("body").pagecontainer("change", "#loginpage"); 
     } 

}); 

спасибо за любую помощь, которую вы можете предоставить

Answer 1

Хитрость заключается в том, чтобы сделать настоящий редирект на страницу входа на pagebeforechange вместо:

$(document).on("pagebeforechange", function (event, data) { 

     if (!hasUserLoggedIn()) { 
       alert("You must be logged in to visit this page"); 
       data.toPage = "#loginpage"; 
       $.extend(data.options, {changeHash: false}); 
     } 

}); 

Примечание: JQuery Мобильный> = 1.4.3 имеет устаревшее событие на таком же

$(document).on("pagecontainerbeforechange", function (event, data) { 

    if (!hasUserLoggedIn()) { 
      alert("You must be logged in to visit this page"); 
      data.toPage = "#loginpage"; 
      $.extend(data.options, {changeHash: false}); 
    } 

}) 

;

http://jqmtricks.wordpress.com/2014/07/13/pagecontainerbeforechange/