Question

So, i’m scratching my head here in frustration at the android browser! Android version 2.3.6.
What is wrong with this thing? The next and before(perhaps previous) buttons
do not work! …on some basic jquery form fields.

Having:

<div data-role="page">
<div data-role="header">
 <img src="img/logo.png" style="margin-top:15px;">
</div>

<div data-role="content">  
  <form action="#" method="get">
     <div data-role="fieldcontain">
     <label for="name">Text Input:</label>
     <input type="text" name="name" id="name" value=""  />
    </div>

 <div data-role="fieldcontain">
  <label for="textarea">Textarea:</label>
    <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
  </div>
   </form>

</div>
</div>

But… if I remove data-role=”header” the damn thing start working??!!

No problem of course on the Safari browser! Which is superb as usual.

Please can somebody help me?

Answer 1

My understanding is that if you want to add a back button you need to add a data-add-back-btn="true" to your page div. I don’t see that in your example. OTOH, the hardware back button should work as well.

What is it that doesn’t work?