Question

我有一个phonegap / jquerymobile应用程序，我似乎无法让pagecontainer #change工作。我已经尝试了我能找到的最新语法，但似乎缺少了一些东西。

＆＃13;

function goToCards() {
    console.log('got to goToCards');
    $(':mobile-pagecontainer').pagecontainer('change', '#cardsPage');
}

＆＃13;

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-tap-highlight" content="no" />
    <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <title>BibHub Mobile</title>
  </head>
  <body>
    <div class="app" data-role="page" id="loginPage">
      <div data-role="header">
        <h1>Biphub</h1>
      </div>
      <div data-role="content">
        <a href="#" data-role="button" onclick="goToCards()"> go to cards</a>
      </div>
    </div>
    <div class="app" data-role="page" id="cardsPage">
      <div data-role="header">
        <h1>Biphub</h1>
        <h2>Your UID is <span id="uidSpan"></span></h2>
      </div>
      <div data-role="content">
        <p>Your card stack is currently empty. Way to go!</p>
      </div>
    </div>

    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript">
      app.initialize();
    </script>
  </body>
</html>

＆＃13;

当我在xcode中运行应用程序时，我成功登录了“goToCards＆＃39;”。但是，没有页面更改或任何错误。普通的非js函数链接用于转换页面。有什么想法吗？

Answer 1

pagecontainer小部件及其方法在jQuery Mobile 1.4版中引入。您似乎使用的是旧版本（1.0）。你可以升级jQuery和jQuery Mobile版本吗？

如果没有，则需要使用$.mobile.changePage： API DOC

pagecontainer #change - JqueryMobile - Phonegap

1 个答案: