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 listview 기능이 향상됩니다.

이 문제를 해결하는 방법은 무엇입니까? 과가 도움을

감사에 걸쳐 를 손으로 모든 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>