JQuery мобильный - changePage не работает с pageinit

Вот пример кода (test.html),JQuery мобильный - changePage не работает с pageinit

<!DOCTYPE html> 
<html> 
<head> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css"/> 
<script src="http://code.jquery.com/jquery-1.8.3.js"></script> 
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script> 
</head> 
<body> 

<div data-role="page" id="page1"> 
<div data-role="content" id="content">Page 1</div> 
</div> 

<div data-role="page" id="page2"> 
<div data-role="content" id="content" >Page 2</div> 
</div> 

<script> 
$('#page2').live('pageinit',function(evt) { 
    $.mobile.changePage($('#page1'),{allowSamePageTransition:true}) 
}); 
</script> 

</body> 
</html>

При попытке доступа к ./test.html#page2, используя как Firefox и Chrome, это ожидается, чтобы перейти на страницу1. Но он НЕ ВСЕГДА изменился на страницу1 успешно. Иногда он по-прежнему остается неизменным на стр. 2. Кто-нибудь знает почему?

Спасибо!

источник

2013-03-05 Terry Cheng

Почему бы вам не попробовать, как показано ниже

$('#page2').on('pageshow',function(evt) { 
    $.mobile.changePage($('test.html#page1'),{allowSamePageTransition:true}) 
});

и еще один совет с моим опытом, что вложенными JQM страниц приводит к иноходи навигационных ошибок. Как правило большого пальца, у меня всегда есть отдельные страницы для моих HTML-страниц JQM.

источник

2013-03-05 11:50:59

JQuery мобильный - changePage не работает с pageinit

ответ

Смежные вопросы