jquery 모바일에 사용자 정의 선택 양식 요소를 추가하는 방법은 무엇입니까?

Question

는 내가 선택 메뉴와 간단한 양식이 있습니다

<div data-role="page"> 
    <div data-role="popup" id="popupAddItem"> 
     <select name="select-choice" data-native-menu="false"> 
      <option>Select an option</option> 
      <option value="a">A</option> 
     </select> 
    </div> 
    <a href="#popupAddItem" data-rel="popup" data-role="button" data-icon="info">Add Item</a> 
</div> 

내가 드롭 다운 더 좋은 모양 너무 data-native-menu="false" 추가를하지만 폼이 팝업 내부의 경우 작동하지 않을 것 같다. 내가 다음 data-role="popup"을 제거하면

때문에 사용자 선택 요소가 작동하는 것 같다, 다른 없습니다.

이 버그, 아니면 내가 뭔가 잘못하고있는 중이 야? jsfiddle

Answer 1

나의 이해는 JQM의 팝업 자체 팝업으로 렌더링 사용자 정의 선택 메뉴는 체인 수 없다는 것입니다 참조하십시오.

당신은 팝업 대신 JQM 모달 대화 상자를 사용하여 비슷한 효과를 얻을 수 있습니다. 여기

<div data-role="page"> 
    <a href="#popupAddItem" data-rel="dialog" data-role="button" data-icon="info">Add Item</a> 
</div> 
<div data-role="page" id="popupAddItem"> 
     <div data-role="content"> 
     <select name="select-choice" data-native-menu="false"> 
      <option>Select an option</option> 
      <option value="a">A</option> 
     </select> 
     </div> 
</div> 

는 jsFiddle

입니다