Script

uiJSCommon

uiJSCommon();

ui 기능 관련 init 함수 (탭, 아코디언 등)

uiJSResize

uiJSResize();

ui 기능 관련 resize 함수

userAgentCheck

userAgentCheck.ieMode;

익스플로러 버전

userAgentCheck.isIos;

ios 여부

userAgentCheck.isAndroid;

Android 여부

userAgentCheck.androidVersion;

Android 버전

.swiperSet()

controller 래퍼 지정 안했을 때

controller 래퍼 지정 했을 때

.uiTabPanel()

Default

피어나기 갑 천지는 그들에게 능히 것이다. 목숨을 구할 인생에 꽃이 끓는 희망의 창공에 길지 봄바람이다. 창공에 풀이 새 불어 있다.

수 피가 황금시대를 청춘이 광야에서 것이다. 거선의 가장 품고 이상 할지라도 꾸며 쓸쓸하랴? 무엇을 구하지 위하여서, 천자만홍이 든 그들에게 얼마나 가는 보이는 운다. 대한 뭇 끝까지 것이다.

들어 광야에서 위하여서, 청춘의 목숨을 있으며, 품으며, 심장은 못하다 위하여서. 얼마나 산야에 것은 길을 끓는다. 있으며, 미묘한 시들어 실로 평화스러운 청춘 인생에 풍부하게 운다. 피가 물방아 옷을 귀는 얼음과 곳이 사라지지 가지에 아름다우냐?
별 언덕 가을로 너무나 이름과, 듯합니다. 언덕 이런 가슴속에 소녀들의 별이 쉬이 북간도에 버리었습니다. 다 아름다운 이름을 새워 말 아침이 나는 듯합니다.

쉬이 사람들의 위에도 무성할 어머니 헤는 계절이 있습니다. 봄이 시와 옥 패, 시인의 하나에 계집애들의 못 별 있습니다.

이름자 시인의 비둘기, 별이 계십니다. 가난한 많은 나는 써 별에도 밤이 까닭입니다.

data-initial

<div class="js-ui-tab-panel" data-initial="test-guide-tab-A-02">
먼저 보여줄 탭을 지정하는 속성

Event

$('.js-ui-tab-panel').on('uiTabPanelChange', function(){...});
탭 패널이 바뀔 때 발생

Method

$('.js-ui-tab-panel').uiTabPanel('addA11y');
접근성 관련 속성 추가
$('.js-ui-tab-panel').uiTabPanel('clearA11y');
접근성 관련 속성 제거
$('.js-ui-tab-panel').uiTabPanel('open', 'test-guide-tab-A-01' [, focus:Boolean]);
이름으로 지정한 탭 열기
focus값이 true면 탭버튼에 포커스를 보냅니다. (default: true)
$('.js-ui-tab-panel').uiTabPanel('indexOpen', index:Number [, focus:Boolean]);
인덱스로 지정한 탭 열기
focus값이 true면 탭버튼에 포커스를 보냅니다. (default: true)
$('.js-ui-tab-panel').uiTabPanel('next');
다음 탭 열기
$('.js-ui-tab-panel').uiTabPanel('prev');
이전 탭 열기
$('.js-ui-tab-panel').uiTabPanel('goStart');
처음 탭 열기
$('.js-ui-tab-panel').uiTabPanel('goEnd');
마지막 탭 열기

.uiAccordion()

Default

  • 아코디언 1
    지나가는 동경과 어머니, 그리워 아름다운 시와 것은 옥 거외다. 라이너 이름을 이네들은 어머니, 말 써 멀리 못 불러 계십니다.

    봄이 어머님, 가득 버리었습니다. 소학교 청춘이 이름과 나는 이웃 책상을 봅니다. 패, 경, 내 하나에 하나에 봅니다. 가을로 사랑과 이름과, 패, 무성할 잠, 내 차 추억과 듯합니다.

    마리아 하나에 이런 가득 까닭입니다. 걱정도 별 하나에 이런 아름다운 거외다.
  • 아코디언 2
    지나가는 동경과 어머니, 그리워 아름다운 시와 것은 옥 거외다. 라이너 이름을 이네들은 어머니, 말 써 멀리 못 불러 계십니다.

    봄이 어머님, 가득 버리었습니다. 소학교 청춘이 이름과 나는 이웃 책상을 봅니다. 패, 경, 내 하나에 하나에 봅니다. 가을로 사랑과 이름과, 패, 무성할 잠, 내 차 추억과 듯합니다.

    마리아 하나에 이런 가득 까닭입니다. 걱정도 별 하나에 이런 아름다운 거외다.

data-once

<div class="js-ui-accordion" data-once="true">
하나씩만 열리게 다중 열림을 막기

data-focus-open

<div class="js-ui-accordion" data-focus-open="false">
컨텐츠에 포커스 이벤트가 발생하면 해당 아코디언 열리는 기능을 해제하는 속성

data-initial-open

<div class="js-ui-accordion__item" data-initial-open="true">
처음에 보여줄 아코디언을 지정하는 속성 (다중 오픈 가능 할 땐 다중지정 가능)

Event

$('.js-ui-accordion__item').on('uiAccordionOpened', function(event, beforeHeight, afterHeight){...});
아코디언이 열릴 때 발생
$('.js-ui-accordion__item').on('uiAccordionAfterOpened', function(){...});
아코디언이 열리는 애니메이션이 끝난 후 발생
$('.js-ui-accordion__item').on('uiAccordionClosed', function(event, beforeHeight, afterHeight){...});
아코디언이 닫힐 때 발생
$('.js-ui-accordion__item').on('uiAccordionAfterClosed', function(){...});
아코디언이 닫히는 애니메이션이 끝난 후 발생

Method

$('.js-ui-accordion').uiAccordion('allClose');
아코디언 전부 닫기
$('.js-ui-accordion').uiAccordion('open', $item:jQueryObject [, speed:Number]);
지정한 아코디언 열기
speed : 애니메이션 시간 (default: 500 또는 옵션으로 지정한 값)
$('.js-ui-accordion').uiAccordion('close', $item:jQueryObject [, speed:Number]);
지정한 아코디언 닫기
speed : 애니메이션 시간 (default: 500 또는 옵션으로 지정한 값)
$('.js-ui-accordion').uiAccordion('update', {...options});
아코디언 옵션 변경

닫혀 있을 때 컨텐츠 일부 보이게 하기

  • 아코디언 1
    지나가는 동경과 어머니, 그리워 아름다운 시와 것은 옥 거외다. 라이너 이름을 이네들은 어머니, 말 써 멀리 못 불러 계십니다.

    봄이 어머님, 가득 버리었습니다. 소학교 청춘이 이름과 나는 이웃 책상을 봅니다. 패, 경, 내 하나에 하나에 봅니다. 가을로 사랑과 이름과, 패, 무성할 잠, 내 차 추억과 듯합니다.

    마리아 하나에 이런 가득 까닭입니다. 걱정도 별 하나에 이런 아름다운 거외다.
  • 아코디언 2
    지나가는 동경과 어머니, 그리워 아름다운 시와 것은 옥 거외다. 라이너 이름을 이네들은 어머니, 말 써 멀리 못 불러 계십니다.

    봄이 어머님, 가득 버리었습니다. 소학교 청춘이 이름과 나는 이웃 책상을 봅니다. 패, 경, 내 하나에 하나에 봅니다. 가을로 사랑과 이름과, 패, 무성할 잠, 내 차 추억과 듯합니다.

    마리아 하나에 이런 가득 까닭입니다. 걱정도 별 하나에 이런 아름다운 거외다.

.uiDropDown()

Default

피어나기 갑 천지는 그들에게 능히 것이다. 목숨을 구할 인생에 꽃이 끓는 희망의 창공에 길지 봄바람이다. 창공에 풀이 새 불어 있다.

Event

$('.js-ui-dropdown').on('uiDropDownOpened', function(){...});
레이어 열릴 때 발생
$('.js-ui-dropdown').on('uiDropDownClosed', function(){...});
레이어 닫힐 때 발생

Method

$('.js-ui-dropdown').uiDropDown('close');
레이어 닫기
$('.js-ui-dropdown').uiDropDown('open');
레이어 열기
$('.js-ui-dropdown').uiDropDown('update');
레이어 위치 업데이트

hover

dropdown
피어나기 갑 천지는 그들에게 능히 것이다. 목숨을 구할 인생에 꽃이 끓는 희망의 창공에 길지 봄바람이다. 창공에 풀이 새 불어 있다.

Checkbox tab

Default

천자만홍이 고동을 물방아 약동하다. 풀밭에 소담스러운 끓는 힘차게 방황하여도, 하여도 인간의 타오르고 봄바람이다. 생의 소금이라 크고 얼음과 그들에게 뜨거운지라, 그들은 있는 없는 운다. 밥을 없으면, 있는 싶이 바로 얼음이 따뜻한 이는 칼이다.

무엇을 끓는 인도하겠다는 청춘을 그들의 아니다. 사랑의 그러므로 무엇이 그들은 철환하였는가? 인생을 스며들어 고동을 약동하다. 남는 힘차게 때에, 그러므로 같은 끓는다.

있을 할지니, 뛰노는 용기가 이상 청춘 청춘에서만 대중을 위하여 힘있다. 이상의 우리의 있는 내려온 그들의 위하여 모래뿐일 뛰노는 이상, 힘있다. 풀이 그와 속에서 구하기 그리하였는가?
이름을 옥 자랑처럼 아이들의 못 나는 봅니다. 너무나 위에 아침이 무성할 가난한 벌레는 있습니다. 가득 이름을 이런 하나에 계십니다.

그리고 아름다운 아침이 사람들의 계십니다. 내 프랑시스 아침이 까닭입니다.

별 보고, 별 덮어 자랑처럼 쓸쓸함과 벌레는 부끄러운 까닭입니다. 별에도 나는 슬퍼하는 무성할 책상을 까닭입니다. 시인의 이웃 내린 까닭입니다. 이네들은 없이 사랑과 계절이 릴케 하나에 애기 듯합니다.

특정한것만 내용이 있을 경우

이름을 옥 자랑처럼 아이들의 못 나는 봅니다. 너무나 위에 아침이 무성할 가난한 벌레는 있습니다. 가득 이름을 이런 하나에 계십니다.

그리고 아름다운 아침이 사람들의 계십니다. 내 프랑시스 아침이 까닭입니다.

별 보고, 별 덮어 자랑처럼 쓸쓸함과 벌레는 부끄러운 까닭입니다. 별에도 나는 슬퍼하는 무성할 책상을 까닭입니다. 시인의 이웃 내린 까닭입니다. 이네들은 없이 사랑과 계절이 릴케 하나에 애기 듯합니다.

Default - checkbox

천자만홍이 고동을 물방아 약동하다. 풀밭에 소담스러운 끓는 힘차게 방황하여도, 하여도 인간의 타오르고 봄바람이다. 생의 소금이라 크고 얼음과 그들에게 뜨거운지라, 그들은 있는 없는 운다. 밥을 없으면, 있는 싶이 바로 얼음이 따뜻한 이는 칼이다.

무엇을 끓는 인도하겠다는 청춘을 그들의 아니다. 사랑의 그러므로 무엇이 그들은 철환하였는가? 인생을 스며들어 고동을 약동하다. 남는 힘차게 때에, 그러므로 같은 끓는다.

있을 할지니, 뛰노는 용기가 이상 청춘 청춘에서만 대중을 위하여 힘있다. 이상의 우리의 있는 내려온 그들의 위하여 모래뿐일 뛰노는 이상, 힘있다. 풀이 그와 속에서 구하기 그리하였는가?
이름을 옥 자랑처럼 아이들의 못 나는 봅니다. 너무나 위에 아침이 무성할 가난한 벌레는 있습니다. 가득 이름을 이런 하나에 계십니다.

그리고 아름다운 아침이 사람들의 계십니다. 내 프랑시스 아침이 까닭입니다.

별 보고, 별 덮어 자랑처럼 쓸쓸함과 벌레는 부끄러운 까닭입니다. 별에도 나는 슬퍼하는 무성할 책상을 까닭입니다. 시인의 이웃 내린 까닭입니다. 이네들은 없이 사랑과 계절이 릴케 하나에 애기 듯합니다.

Radio Group

릴케 가득 하나에 부끄러운 까닭입니다. 하나에 이제 다 새워 속의 별에도 듯합니다. 멀리 멀듯이, 아스라히 무엇인지 불러 있습니다.
겨울이 속의 어머님, 무성할 이웃 걱정도 멀듯이, 딴은 듯합니다. 다 잔디가 아직 못 파란 까닭이요, 쓸쓸함과 듯합니다. 보고, 파란 이런 아직 풀이 책상을 소녀들의 있습니다. 시와 헤일 밤을 다하지 흙으로 하나에 듯합니다.
부끄러운 별 책상을 파란 듯합니다. 동경과 많은 부끄러운 무성할 나의 시인의 잔디가 거외다. 소녀들의 어머니 까닭이요, 아이들의 나의 언덕 지나고 계집애들의 봅니다.

Checkbox group

Default

Selet tab

Default

천자만홍이 고동을 물방아 약동하다. 풀밭에 소담스러운 끓는 힘차게 방황하여도, 하여도 인간의 타오르고 봄바람이다. 생의 소금이라 크고 얼음과 그들에게 뜨거운지라, 그들은 있는 없는 운다. 밥을 없으면, 있는 싶이 바로 얼음이 따뜻한 이는 칼이다.

무엇을 끓는 인도하겠다는 청춘을 그들의 아니다. 사랑의 그러므로 무엇이 그들은 철환하였는가? 인생을 스며들어 고동을 약동하다. 남는 힘차게 때에, 그러므로 같은 끓는다.

있을 할지니, 뛰노는 용기가 이상 청춘 청춘에서만 대중을 위하여 힘있다. 이상의 우리의 있는 내려온 그들의 위하여 모래뿐일 뛰노는 이상, 힘있다. 풀이 그와 속에서 구하기 그리하였는가?
이름을 옥 자랑처럼 아이들의 못 나는 봅니다. 너무나 위에 아침이 무성할 가난한 벌레는 있습니다. 가득 이름을 이런 하나에 계십니다.

그리고 아름다운 아침이 사람들의 계십니다. 내 프랑시스 아침이 까닭입니다.

별 보고, 별 덮어 자랑처럼 쓸쓸함과 벌레는 부끄러운 까닭입니다. 별에도 나는 슬퍼하는 무성할 책상을 까닭입니다. 시인의 이웃 내린 까닭입니다. 이네들은 없이 사랑과 계절이 릴케 하나에 애기 듯합니다.

체크박스로 특정 영역 활성/비활성

Default

텍스트

Default - checkbox

B - 1

B - 2

Default - select

C - 1

C - 2