12 JQuery 모바일 레이아웃 플러그인 및 예제

12 개의 jQuery 모바일 레이아웃 플러그인과 예제를 탐색하십시오! 이 컬렉션은 분할보기 및 다중 패널 디자인을 포함하여 다양하고 적응할 수있는 모바일 페이지 레이아웃의 생성을 단순화하도록 설계된 플러그인을 보여줍니다. 이 플러그인은 다른 화면 크기 및 방향에 동적으로 조정됩니다.

<:> 관련 기사 :

jQuery 모바일 장치 감지 Top 10 JQuery Mobile Featsing

JQM Multiview 플러그인
• 유연한 패널 레이아웃 및 뷰를 만들기위한 jQuery 모바일 플러그인.
소스 & 데모

jQuery mobile splitView

1. 이 플러그인은 태블릿 및 데스크탑의 다양한 화면 크기 및 방향 (초상화/풍경)에 페이지 레이아웃을 동적으로 적용합니다. 브라우저 크기를 조정하거나 태블릿을 회전시켜 실제로 볼 수 있습니다!

   소스 & 데모

Multiview 플러그인

4 개의 패널과 16 페이지를 보여주는 멀티 뷰 예제는 모두 페이지로드의 DOM에 직접로드되었습니다.

소스 & 데모

2. 다중 페이지 (보일러 플레이트) 템플릿
jQuery 모바일 사이트를 구축하기위한 재사용 가능한 다중 페이지 템플릿. 단일 페이지 템플릿과 달리 여러 페이지 컨테이너가 제공됩니다.

소스 & 데모

다중 페이지 템플릿

3. 이 예제는 여러 페이지를 사전 가져 오는 기술을 보여 주어 하위 페이지의 로딩 시간이 더 빠릅니다.

   소스 & 데모

jQuery Mobile Multiple Pages

단일 문서 또는 별도의 파일에 포함 된 여러 페이지가있는 간단한 모바일 사이트를 만드는 방법을 보여주는 자습서. 소스 & 데모

jQuery-Mobile의

이는 960 그리드 시스템의 유연성을 jQuery 모바일의 용이성과 결합하여 특히 태블릿의 레이아웃 옵션을 향상시킵니다.

소스 & 데모
8. jQuery Mobile의 태블릿 분할보기 만들기
jQuery 모바일 문서에서 CSS를 사용하여 분할보기를 만드는 방법을 보여주는 스크린 캐스트.
소스 & 데모

jQuery 모바일 및 동적 페이지 생성

이 예제는 JSON과 같은 데이터 소스에서 클라이언트 측에서 HTML 페이지 또는 조각을 생성하는 응용 프로그램에 유용합니다.
9. 소스 & 데모
   고정 도구 모음
페이지 컨텐츠가 스크롤하는 경우에도 뷰포트의 상단 또는 하단에 고정 된 툴바를 만드는 방법을 알아보십시오.

소스 & 데모

app-ui

10. HTML 및 JavaScript를 사용하여 대화식 웹 및 모바일 애플리케이션을 구축하기위한 UI 구성 요소 모음.

    소스 & 데모
jQuery-Mobile-플러그인 : Multiview

이 플러그인에는 전체 화면 바닥 글, 여러 패널이있는 팝 오버 및 작은 화면 용 전체 화면 모드가 있습니다. 또한 다른 플러그인과의 호환성을 위해

에서 풀립니다.
소스 & 데모

위 내용은 12 JQuery 모바일 레이아웃 플러그인 및 예제의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!