-
[jQuery] jQ Mobile 시작하기 - jQuery Mobile 강좌Web/jQuery 2016. 3. 16. 15:17
W3School 를 참고하여 작성하는 jQuery Mobile 강좌입니다.
아래 링크들은 Tutorial 편입니다.
jQuery Mobile Get Started
Adding jQuery Mobile to Your Web Pages
당신의 웹 페이지에 jQuery Mobile을 추가하기 위한 두 가지 방법이 있습니다:
- CDN에 저장된 jQuery Mobile 라이브러리 로드(추천)
- 당신의 컴퓨터에 저장된 jQuery Mobile 라이브러리 로드
Link to jQuery Mobile From a CDN
jQuery 코어처럼, 당신의 컴퓨터에 아무것도 설치하지 않아도 됩니다; 단지 스타일 시트(.css)와 JavaScript 라이브러리(.js)를 당신의 HTML 페이지에 포함 시켜주면 됩니다.
* jqstart.html
12345678910111213141516171819202122232425262728293031<!DOCTYPE html><html><head><!-- Include meta tag to ensure proper rendering and touch zooming --><meta name="viewport" content="width=device-width, initial-scale=1"><!-- Include jQuery Mobile stylesheets --><link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"><!-- Include the jQuery library --><script src="http://code.jquery.com/jquery-1.11.3.min.js"></script><!-- Include the jQuery Mobile library --><script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script></head><body><div data-role="page" id="pageone"><div data-role="header"><h1>Welcome To My Homepage</h1></div><div data-role="main" class="ui-content"><p>Welcome!</p></div><div data-role="footer"><h1>Footer Text</h1></div></div></body></html>cs Link to jQuery Mobile Stored at Your Computer
jQuery Mobile 라이브러리를 직접 당신의 컴퓨터에서 불러오고 싶다면, 먼저 다운로드를 받아야 합니다: jQuerymobile.com
다음으로 <head> 태그내에 아래와 같이 추가해주시면 됩니다.
1234567<head><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="jquery.mobile-1.4.5.css"><script src="jquery.js"></script><script src="jquery.mobile-1.4.5.js"></script></head>cs end
* 본 포스트는 w3school 을 통해 작성된 포스트입니다.
'Web > jQuery' 카테고리의 다른 글
[jQuery] jQ Mobile 아이콘(Icons) - jQuery Mobile 강좌 (0) 2016.03.17 [jQuery] jQ Mobile 버튼(Buttons) - jQuery Mobile 강좌 (0) 2016.03.16 [jQuery] jQ Mobile 페이지(Pages) - jQuery Mobile 강좌 (0) 2016.03.16 [jQuery] 27. noConflict Method - jQuery 강좌 jQuery / CSE (0) 2015.06.13 [jQuery] 26. AJAX get / post - jQuery 강좌 jQuery / CSE (0) 2015.06.13 [jQuery] 25. AJAX load - jQuery 강좌 jQuery / CSE (0) 2015.06.13
