[jQueryMobile][하이브리드앱 개발] 다이얼로그(팝업) 띄우기

jQueryMobile로 하이브리드 앱을 만들 때 내가 구성할 다이얼로그를 페이지 위에 띄우고 싶을 때가 있다.

이를테면 DB에 field 값을 채우기 위해 Rest API 를 이용하는 경우 등이다.

방법은 매우 간단하다.

HTML

먼저, jQueryMobile로 페이지를 구성할 때는 보통 다음과 같다.

여기에 원하는 다이얼로그(팝업) 폼을 <div data-role="page"> 안에 구성한다.

JavaScript

이후 만들어둔 다이얼로그(팝업)을 원하는 시점에 띄우면 된다. 여기서는 id를 이용해서 띄운다.

참고