jquery mobile - フォーム要素の内部要素

Question

Jquery Mobileを使用していて、JQMリストビュー内にフォームをドロップしようとしています。そのような

HTML：問題が確認され

<ul data-role="listview" data-inset="true" class="logList inputList"> 
    <li data-icon="false" class="inField"> 
    <a class="inField ui-corner-top" tabindex="-1"> 
     <label for="loginName">Benutzer</label> 
     <input type="text" name="loginName" id="loginName" /> 
    </a> 
    </li> 
    ... 

は私が要素内ラベルか入力要素を置くことができないというエラーがスローされます。私は実際に要素を必要としませんが、除外するとJquery Mobileのリストビュー機能が損なわれます。

これを回避する方法はありますか？手ですべてJQM要素を挿入し、とを交換するためのより良い方法がなければならないことは助けを

感謝をまたがります！

Answer 1

jQMは、すでにこの機能を提供しています：

• http://jquerymobile.com/demos/1.0/docs/lists/lists-forms.html

例：

<form> 
    <ul data-role="listview"> 
     <li data-role="fieldcontain"> 
      <label for="name">Text Input:</label> 
      <input type="text" name="name" id="name" value="" /> 
     </li> 
    </ul> 
</form>