javascript - jQuery Mobile 字段容器无法正确呈现

Question

我想使用 jQuery Mobile 的 Field 容器，但结果看起来不像文档。

这是我的代码：

<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 重命名为“名称”或“通过”，它看起来还可以：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>​