jQuery Mobile Header Android下一个字段

Question

所以，我在这里沮丧地在Android浏览器上挠头！ Android版本2.3.6。 这东西怎么了？ 下一个和之前（也许是上一个）按钮不起作用！ ...在一些基本的jquery表单字段上。

具有：

<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>

但是...如果我删除data-role =“ header”，那该死的东西就开始起作用了！

在Safari浏览器上当然没问题！ 像往常一样精湛。

请有人可以帮我吗？

Answer 1

我的理解是，如果要添加后退按钮，则需要在页面div添加data-add-back-btn="true" 。 我在您的示例中看不到。 OTOH，硬件back按钮也应正常工作。

什么是行不通的？

Answer 2

所以，几个小时后...我发现CSS中的内容破坏了此功能...

    /*article, aside, details, figcaption, figure, footer, header, hgroup, nav, 
    section { display: block; } audio, canvas, video { display: inline-block; 
    *display: inline; *zoom: 1; } audio:not([controls]) { display: none; }
    [hidden] { display: none; } html { font-size: 100%; overflow-y: scroll; 
    -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }*/

删除上面，它的工作。

不确定，可能是使用的样板。