2013-09-06 2 views
0

У меня проблема с моей страницей JqueryMobile. Я получаю событие pageInit, когда я перехожу на страницу2, но когда я запускаю сайт (на странице 1), я не получаю никакого события. Как исправить эту проблему?Почему мой pageinit не запускается в jquery-mobile-1.3.2

Вот мой HTML-код:

<body> 
    <!-- Home --> 
    <div data-role="page" id="page1"> 
     <div data-role="content"> 
      ... 
     </div> 
    </div> 

    <!-- Page2 --> 
    <div data-role="page" id="page2"> 
     <div data-role="content"> 
      ... 
     </div> 
    </div> 
</body> 

Javascript Файл:

$(document).bind('pageinit', function() { 
    $('#page1').bind("pageinit", function() { 
     alert("1"); 
    }); 

    $('#page2').bind("pageinit", function() { 
     alert("2"); 
    }); 
}); 

ответ

1

Try:

$(document).on('pageinit', '#page1', function() {  
    alert('Page main initialized'); 
}); 

$(document).on('pageinit', '#page2', function() {  
    alert('Page two initialized'); 
}); 
1

Почему вы должны связать инициализации дважды?

Попробуйте с:

$('#page1').on("pageinit", function() { 
    alert("1"); 
}); 

$('#page2').on("pageinit", function() { 
    alert("2"); 
}); 

Так я Удаление документа связывания.

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