jQuery Mobile‎ > ‎01. 페이지‎ > ‎

07. 대화상자를 만들자


대화상자는 페이지다. 다만, 페이지를 나타낼 링크에 data-rel="dialog" 속성을 추가해 주기만 하면 된다. 대화상자는 브라우저의 히스토리 스택에 남지 않으므로, 예를들어 대화상자를 닫은 후의 페이지에서 뒤로가기를 누른다고 해서 대화상자가 표시되지는 않는다.

<a href="#dialogPage" data-rel="dialog">대화상자 표시 얖!</a>

대화상자의 기본 페이지 전환 효과는 popup이다. 전환 효과를 변경하려면 data-transition 속성을 지정한다.

대화상자의 닫기 버튼을 구현하려면 링크에 data-rel="back" 속성을 추가해서 뒤로가기를 만들면 된다.

Comments