jQuery Mobile字段容器無法正確呈現

Question

我想使用jQuery Mobile的Field容器，但the result看起來不像the documentation。

這裏是我的代碼：

<div data-role="page"> 
    <div data-role="content"> 
     <form>   
      <div data-role="fieldcontain"> 
       <label for="name">Text Input:</label> 
       <input type="text" name="name" id="voila" value="" /> 
      </div> 
     </form> 
    </div> 
</div>​ 

如果我重命名字段ID爲 '名' 或 '通行證' 它看起來像OK：http://jsfiddle.net/UNL9A/2

這怎麼可能？

Answer 1

您的標籤的for屬性應該與您的文本輸入的id相匹配。這應該看起來不錯：

<div data-role="page"> 
    <div data-role="content"> 
    <form>   
     <div data-role="fieldcontain"> 
      <label for="voila">Text Input:</label> 
      <input type="text" name="name" id="voila" value="" /> 
     </div> 
    </form> 
    </div> 
</div>​