jQuery Mobile Field容器无法正确呈现

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重命名为“name”或“pass”，则表示没问题：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>​