반응형 php77 jQuery Mobile — 기본 페이지 구조 완전 정리 Web Development · jQuery MobilejQuery Mobile —data-role 기본 페이지 구조page · header · content · footer 4개 data-role로 모바일 화면 만들기시작 오늘 분석할 코드jQuery Mobile에서 모바일 한 화면 = 1개의 page 단위로 만든다. data-role 4개로 page · header · content · footer를 정하면 jQuery Mobile이 자동으로 모바일 스타일을 입혀준다. rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"/> data-role="page"> /* 한 화면 */ data-role.. 2026. 5. 6. jQuery Mobile — target="_blank" 새 창 링크 완전 정리 Web Development · jQuery MobilejQuery Mobile —target="_blank" 새 창에서 외부 링크 열기앱 안에서 외부 사이트로 안전하게 분리해서 이동하기시작 오늘 분석할 코드page3에서 다른 jQM 페이지(page1)로 가는 일반 링크와, 외부 사이트(네이버 모바일)를 새 창으로 여는 target="_blank" 링크를 같이 보여준다. data-role="page" id="page3"> data-role="header">세번째 페이지 data-role="content"> href="page1-ex-link.html">페이지1 href="http://m.naver.com/index.html" target="_blank">네이버페이지1 용어 용어 정리target링.. 2026. 5. 6. jQuery Mobile — rel="external" 외부 페이지 새 로드 완전 정리 Web Development · jQuery MobilejQuery Mobile — rel="external"외부 페이지 새 로드표준 HTML 속성으로 jQM의 ajax 처리를 우회시작 오늘 분석할 코드page2에서 page3으로 이동할 때 rel="external"을 붙여 전체 페이지 새 로드를 강제한다. 같은 효과를 내는 data-ajax="false"와 비교 학습용. data-role="page" id="page2" data-title="페이지2"> data-role="header">두번째 페이지 data-role="content"> href="page3-ex-link.html" rel="external">페이지3 용어 용어 정리rel="external""외부 사이트로 가는 링크" 표준 속성.. 2026. 5. 6. jQuery Mobile — listview + 외부 앱 링크 완전 정리 Web Development · jQuery MobilejQuery Mobile — listview +mailto · tel · sms · maps 외부 앱 링크스마트폰에서 바로 메일·전화·문자·지도 앱이 열리는 특수 URL 스킴시작 오늘 분석할 코드jQM의 listview로 메뉴 리본을 만들고, 각 항목에 외부 앱 호출 링크(mailto:, tel:, sms:, maps:)를 연결한 코드. 스마트폰 모바일 웹의 가장 강력한 패턴 중 하나. data-role="listview" data-inset="true"> href="mailto:gdhong@hot.co.kr">이메일 링크 href="tel:0311234567">전화번호 링크 href="sms:0101234567">SMS 문자 링크 href=.. 2026. 5. 6. 이전 1 2 3 4 ··· 20 다음 반응형