1

HTMLページに2つのjqueryモバイル「ページ」(ページとして指定されたdiv)があります。ページに移動するたびにメソッドを呼び出したい。「pageinit」イベントで起動するメソッドを接続します。ただし、一度しか呼び出されず、その後の changePage 呼び出しでは呼び出されません。

これがデモ用のjsFiddleです。(タイムスタンプは pageinit で変更する必要があります)

これが私のコード全体ですhttps://gist.github.com/dev-e-loper/5356942

マイページ:

<div id="page1" data-role="page">
     <h1>One</h1>
 <a id="page1_link" data-role="button">go to page 2</a>

    <div id="page1_output"></div>
</div>
<div id="page2" data-role="page">
     <h1>Two</h1>
 <a id="page2_link" data-role="button">go to page 1</a>

    <div id="page2_output"></div>
</div>

pageinit ハンドラを接続するコード:

$("#page1").live('pageinit', function () {
    $("#page1_output").append('<br/> page 1 initialized. time - ' + new Date());
});


$("#page2").live('pageinit', function () {
    $("#page2_output").append('<br/> page 2 initialized time - ' + new Date());
});


$("#page1_link").live('click', function () {

    $.mobile.changePage($("#page2"));

});

$("#page2_link").live('click', function () {

    $.mobile.changePage($("#page1"));

});
4

1 に答える 1