0

ローカルストレージに変数を正常に配置しました。次のページが読み込まれるとすぐにその変数を表示しようとしていますが、ページが遷移するとすぐにこのスクリプトを実行する方法がわかりません。

私のコードは次のとおりです

      <script type="text/javascript">
  $("#home").on('pageinit ', function() {


            //alert('pageinit');
            document.getElementById("output").innerHTML="Name: " +localStorage.userName;            

      });

  </script>
  </head><!-- Main Page -->

  <div id="home" data-role="page" data-title="home">
    <div data-role="header">
      <h1>Home Page</h1>
    </div>
  <!-- /header -->

  <div data-role="content">

    <div id='customer'> Customer Name </div>
    <p id="output"></p>
    <a href="index.html" data-role="button">Alarm</a> <a href="index.html" data-role="button">Reports</a> <a href="index.html" data-role="button">Summary</a> </div>
  <!-- /content -->

  <div data-role="footer" data-position="fixed" class="ui-bar"> <a href="index.html" data-role="button" >Logout</a> <h4>&copy;Home Page</h4> </div>


  <!-- /footer -->

  </body>
  </html>
4

1 に答える 1

1

You can use the pageChange event, documented here.

This event is triggered after the changePage() request has finished loading the page into the DOM and all page transition animations have completed.

于 2013-02-01T20:08:51.577 に答える