모달이있는 jQuery-mobile changePage

Question

changePage를 사용하고 싶지만 전체 화면 대신 모달 창을 사용하고 싶습니다.

당분간은 내 자신의 모달 상자를 만들지 만, jQM은 데이터 역할 = 페이지가 아니기 때문에 jQM 스타일을 지정하지 않습니다.

플러그인을 추가하지 않고도 해결책이 있습니까?

감사합니다.

Answer 1

링크를 사용하는 대신 changePage를 사용해야하는 이유는 무엇입니까? 비슷한 SO 질문이 있습니다 (링크가 아쉽습니다). 이를 위해서는 changePage 메소드를 사용하고 역할을 대화 상자로 설정하십시오. 백그라운드에서 호출 페이지를 계속 표시하려면 pageLoad 이벤트가 발생할 때 세 가지 작업을 수행해야합니다. 1)은 changePage 이벤트에서 자동으로 숨겨진 이전 페이지 (호출 페이지)를 표시합니다. 2) 다른 div에 불투명도 또는 무언가를 설정하여 모달 효과를 부여하십시오. 3) 대화 상자 오버레이를 투명하게 설정하여 이전 페이지를 볼 수 있습니다. 세 번째 단계를 수행하는 가장 쉬운 방법은 오버레이 테마 aspect (jqm 1.0)를 사용하고 스타일 시트에서 투명하게 설정하는 것입니다.

Answer 2

목표 페이지 data-role을 dialog으로 변경하고 {role: 'dialog'} 옵션을 사용하여 changePage 메소드를 호출하려고 할 수 있습니다.

jsfiddle에서 확인하십시오.