jQuery Mobile 동적으로 선택 메뉴 만들기

Question

jQuery 모바일을 사용하여 테이블에 동적으로 행을 추가 할 수 있어야합니다. 행은 선택 메뉴와 입력 상자로 구성됩니다. 내가 가지고있는 코드는 순수한 jQuery와 html로 작동하지만 모바일 장치를 추가하면 작업이 중단됩니다 ("추가 된"선택 메뉴 및 입력 요소는 테이블의 첫 번째 행을 클릭 한 것처럼 동작 함). 여기에 jsfiddle이 있습니다. 누구 제안이 있습니까? 또는 jQuery 모바일이 내 코드를 위반하는 이유에 대한 설명이 있습니까?

Answer 1

에 clone을 호출하면 복제 된 행이 그대로 DOM에 삽입됩니다. 원하는 결과를 얻으려면 새로운 <select>에 고유 ID가 있어야합니다. 당신은 새로운 <select> 태그가 다른 ID를 가지고 있는지 확인하기 위해 몇 가지 논리를 추가해야합니다

같은 select-choice-3, select-choice-4, 팁을위한 등