cordova - Default Back Button task not happening -


i have simple code use phonegap/apache cordova chocolate chip ui. call father grandfather , son father grandfather -> father -> son working fine. there problem in button. cannot come father grandfather or (from son father). idea ?

the code

 <!doctype html>     <html lang="en">     <head>       <meta charset="utf-8">       <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">       <meta name="apple-mobile-web-app-capable" content="yes">       <meta name="mobile-web-app-capable" content="yes">       <meta name="msapplication-tap-highlight" content="no">       <title>chocolatechip-ui android</title>       <link rel="stylesheet" href="chui/chui-ios-3.5.2.min.css">       <script src="chui/jquery-2.1.0.min.js"></script>       <script src="chui/chui-3.5.2.min.js"></script>       <script type="text/javascript" charset="utf-8" src="cordova.js"></script>        <script>         document.addeventlistener("deviceready", ondeviceready, false);         function ondeviceready(){}         $(function() {          });       </script>     </head>     <body>       <nav class="current">         <h1>family tree</h1>       </nav>       <article id="main" class="current">         <section>           <ul class='list' role='list'>             <li class='comp' data-goto="grandfather">               <div>                 <h3>grandfather</h3>               </div>               <aside>                 <span class='nav'></span>               </aside>             </li>               </ul>         </section>       </article>        <nav class='next'>         <a href='#' class='button back'>navigation</a>         <h1>family tree</h1>       </nav>       <article id="grandfather" class='next'>         <section>           <ul class='list' role='list'>             <li class='comp' data-goto="father1">               <div>                 <h3>father1</h3>               </div>               <aside>                 <span class='nav'></span>               </aside>             </li>              <li class='comp' data-goto="father2">               <div>                 <h3>father2</h3>               </div>               <aside>                 <span class='nav'></span>               </aside>             </li>              <li class='comp' data-goto="father3">               <div>                 <h3>father3</h3>               </div>               <aside>                 <span class='nav'></span>               </aside>             </li>               </ul>         </section>       </article>         <nav class='next'>         <a href='#' class='button back'>navigation</a>         <h1>family tree</h1>       </nav>       <article id="father1" class='next'>         <section>           <ul class='list' role='list'>             <li class='comp' data-goto="main">               <div>                 <h3>son1</h3>               </div>               <aside>                 <span class='nav'></span>               </aside>             </li>              <li class='comp' data-goto="main">               <div>                 <h3>son2</h3>               </div>               <aside>                 <span class='nav'></span>               </aside>             </li>              <li class='comp' data-goto="main">               <div>                 <h3>son3</h3>               </div>               <aside>                 <span class='nav'></span>               </aside>             </li>               </ul>         </section>       </article>        <nav class='next'>         <a href='#' class='button back'>navigation</a>         <h1>family tree</h1>       </nav>       <article id="father2" class='next'>         <section>           <ul class='list' role='list'>             <li class='comp' data-goto="main">               <div>                 <h3>son4</h3>               </div>               <aside>                 <span class='nav'></span>               </aside>             </li>              <li class='comp' data-goto="main">               <div>                 <h3>son5</h3>               </div>               <aside>                 <span class='nav'></span>               </aside>             </li>               </ul>         </section>       </article>        <nav class='next'>         <a href='#' class='button back'>navigation</a>         <h1>family tree</h1>       </nav>       <article id="father3" class='next'>         <section>           <ul class='list' role='list'>             <li class='comp' data-goto="main">               <div>                 <h3>son6</h3>               </div>               <aside>                 <span class='nav'></span>               </aside>             </li>               </ul>         </section>       </article>        </body>       </html>

your button doesn't need href, , interfere built-in navigation. chui.js takes care of navigation behind scenes. take @ event handler button press.

/////////////////////////// // initialize buttons: /////////////////////////// $('body').on('singletap', 'a.back', function() { if (this.classlist.contains('back')) { $.uigoback(); } });

from documentation how include button in navigation bar

<nav class='current'> <a class='button back'>back</a> <h1>candies</h1> </nav>


Comments

Post a Comment

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

i using signpost oauth access data magento server. have read various tutorials on same , reach point open browser user can enter credentials. however, per requirement have automate part. hence, user should not browser page. have set-up done on server side ( magento ), hit url , returned call page. same through program in android. i have tried below, consumer = new commonshttpoauthconsumer(key, secret); provider = new commonshttpoauthprovider(oauth_init_url,access_token_url, authorize_url); try { provider.retrieverequesttoken(consumer, oauth.out_of_band); log.d("tokens" , consumer.gettoken() + " -- " + consumer.gettokensecret()); } and request tokens. dont know how bypass next step. tried directly accessing accesstoken (stupid of me) provider.retrieveaccesstoken(consumer, "mycallback://callback"); no luck, ends in oauth.signpost.exception.oauthnotauthorizedexception: authorization failed (server replied 401). ...
Read more

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

getting error org.mockito.exceptions.misusing.invaliduseofmatchersexception: invalid use of argument matchers! 1 matchers expected, 2 recorded. exception may occur if matchers combined raw values: //incorrect: somemethod(anyobject(), "raw string"); when using matchers, arguments have provided matchers. example: //correct: somemethod(anyobject(), eq("string matcher")); at when( getprogramservice .callservice(any(getprogramtype.class))) .thenreturn(jaxbresponse); please explain error , possible resolution the code posted looks fine; don't see problem it. code before or above causing exception. key here: invalid use of argument matchers! 1 matchers expected, 2 recorded. any , used above, doesn't return "special kind of null" or "special kind of getprogramtype"; don't exist. instead, returns null , side effect puts matcher on stack. whe...
Read more

google shop client API returns 400 bad request error while adding an item -

i'm working on solution add items in google shopping market java application. following tutorial real mess because of missing classes of laste release, after setting 1.5-beta maven managed make base example typecheck correctly classes. still can make simple task of adding 1 item. instead of posting whole code i'm posting part creates product feed. private product createproduct(string id) { product product = new product(); product.title = "red wool sweater"; product.content = new content( "text", "comfortable , soft, sweater keep warm on " + "cold winter nights. red , blue stripes."); product.appcontrol = new appcontrol(); product.appcontrol.addrequireddestination("productads"); product.externalid = id; product.lang = "it"; product.country = "it"; product.condition = "nuovo"; product.price = new price("eu...
Read more