pagecontainer #change-JqueryMobile-Phonegap
[英]pagecontainer #change - JqueryMobile - Phonegap
问题描述
I have a phonegap/jquerymobile app that I can't seem to get pagecontainer #change to work for. 
我有一个phonegap / jquerymobile应用程序，似乎无法让pagecontainer #change正常工作。 I have tried the most up to date syntax I could find, but seem to be missing something. 我尝试了可以找到的最新语法，但是似乎缺少了一些东西。
function goToCards() { console.log('got to goToCards'); $(':mobile-pagecontainer').pagecontainer('change', '#cardsPage'); }
<!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>
When I run the app in xcode I successfully log 'got to goToCards'. 当我在xcode中运行该应用程序时，我成功登录了“ got to GoToCards”。 However, there is no page change or any error. 但是，没有页面更改或任何错误。 A normal non-js function link works to transition the page. 普通的非js函数链接可用于转换页面。 Any ideas? 有任何想法吗？
1 个解决方案
解决方案1
1 已采纳 2015-11-23 14:25:04
The pagecontainer widget and its methods were introduced in jQuery Mobile version 1.4. 在jQuery Mobile 1.4版中引入了pagecontainer小部件及其方法。 You appear to be using a really old version (1.0). 您似乎使用的是旧版（1.0）。 Can you upgrade both jQuery and jQuery Mobile versions? 您可以同时升级jQuery和jQuery Mobile版本吗？
If not, you need to use $.mobile.changePage : API DOC 如果不是，则需要使用$.mobile.changePage ： API DOC
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.