Jquery移动标题android下一个字段

时间:2012-07-18 16:32:27

标签: android forms jquery-mobile

所以,我在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浏览器当然没问题!这和往常一样出色。

请有人帮帮我吗?

2 个答案:

答案 0 :(得分:0)

我的理解是,如果您想添加后退按钮,则需要在页面data-add-back-btn="true"中添加div。在你的例子中我没有看到。 OTOH,硬件back按钮也可以正常工作。

什么不起作用?

答案 1 :(得分:0)

所以,经过好几个小时......我注意到我的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%; }*/

上面删除它并且有效。

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