2012-08-15 3 views
9

jQuery 모바일 1.2 알파는 Dialogs라는 비슷한 위젯을 이미 가지고 있지만 Popups를 소개합니다. 둘 다 매우 자연 스럽다.jQuery 모바일 팝업 및 대화 상자

팝업과 대화 상자의 기술적 차이점은 무엇입니까?

대화 상자에서 수행 할 수있는 팝업은 무엇이 있습니까? (예를 들어 실제 활용 사례는 무엇이 있습니까?)

답변

10

그들은 완전히 다른 짐승입니다. 나의 제한된 경험을 바탕으로 한 나의 견해입니다. 의 대화가 페이지를 장악

  • Dialogues

    , 그들은 페이지를 교체 한 것으로 나타나는 "대화"를 만들 수있는 전체 화면 어두운 배경이 포함되어 있습니다.

  • 임의의 페이지는 페이지 앵커 링크에 data-rel="dialog" 속성을 추가하여 대화 상자로 표시 할 수 있습니다.

  • 같은 페이지에서 링크에 data-transition 속성을 추가하여 원하는 페이지 전환을 지정할 수 있습니다.

  • 연결할 수 있습니다.

    Popups

    • 현재 페이지 내에서 표시

    , 그리고 아마 일반적으로 조동사이나 일러스트로 언급 된 기능에 더 유사하다.

  • 연결할 수 없습니다.

팝업 아마 경고, 툴팁, 작은 예에 더 적합하다/큰 이미지, 작은 아약스 양식 (뉴스 레터, 로그인 코멘트를 게시) 등 유용한로 썸네일 팝업을 더 확인/취소 메시지가 없습니다, 정보로 페이지를 오버로드하지 않고 필요할 때 또는 요청할 때만 특정 기능을 사용자에게 알려주 길 원할 때

대화는 많은 정보 (이용 약관 화면 등)를 전달할 필요가 있거나, 경고, 메뉴, 사용자가 가지고있는 선택 사항을 실제로 강조해야하는 상황에서 사용될 수 있습니다 대화의 종류는 페이지의 흐름을 깨뜨리기 때문에 조심스럽게 사용해야합니다.

팝업의 깔끔한 특징 중 하나는 오버레이 패널로 사용할 수 있다는 점입니다. 오버레이 패널은 화면의 측면에서 슬라이드하는 메뉴를 만드는 데 사용할 수 있으며 Facebooks iphone 응용 프로그램의 메뉴와 너무 비슷하지 않습니다.

하루가 끝날 무렵에는 둘 중 하나를 사용할 수 있으며 어느 쪽도 옳고 그름이 아닙니다. 개인적인 취향에 따라 많은 부분이 달라질 수 있으며 응용 프로그램을 어떻게 전달할 것인지를 결정할 수 있습니다.

4

한 가지 중요한 차이점은 팝업이 요소와 동일한 페이지에 나타납니다. 대화는 다른 페이지이므로 배경이 비어 있습니다.