jQuery 带表格的移动列表 - 我的标记有误吗？包装问题

Question

我在处理带有表单的列表时遇到了问题。参见 example here

问题是标签没有换行，它们扩展到控件中

<div role="main" class="ui-content">
  <form action="form.php" method="post">
     <ul data-role="listview">
        <li data-role="fieldcontain">
            <label for="a">This is aa long text that does not wrap before it hits the control</label>
            <select name="a" id="a" data-mini="true">
                <option value="">-</option>
                <option value="a">a</option>
            </select>
       </li>
    </ul>
  </form>
</div>

我想我标记有误，但我找不到问题所在

感谢您的帮助

拉尔西

Answer 1

是的，只需删除列表 (<ul>) 并将 <li> 替换为 <div> 标签。

参见updated example。