Namespace: jQuery

Methods

staticjQuery.flicking()

flicking.js, line 1569

A jQuery plugin available in the eg.Flicking module.

eg.Flicking 모듈의 jQuery 플러그인

Example

<div id="content">
    <div>
        <p>Layer 0</p>
    </div>
    <div>
        <p>Layer 1</p>
    </div>
    <div>
        <p>Layer 2</p>
    </div>
</div>
<script>
// create
$("#content").flicking({
    circular : true,
     threshold : 50
});
 // method
$("#content").flicking("option","circular",true); //Set option
$("#content").flicking("instance"); // Return flicking instance
$("#content").flicking("getNextIndex",1); // Get next panel index
 </script>

See:

• eg.Flicking

staticjQuery.infiniteGrid()

infiniteGrid.js, line 856

A jQuery plugin available in the eg.InfiniteGrid module.

eg.InfiniteGrid 모듈의 jQuery 플러그인

Example

     <ul id="grid">
            <li class="item">
                <div>test1</div>
            </li>
            <li class="item">
                <div>test3</div>
            </li>
        </ul>
    <script>
// create
$("#grid").infiniteGrid();
// method
$("#grid").infiniteGrid("option","count","60"); //Set option
$("#grid").infiniteGrid("instance"); // Return infiniteGrid instance
$("#grid").infiniteGrid("getBottomElement"); // Get bottom element
</script>

See:

• eg.InfiniteGrid

staticjQuery.persist(key, state)

plugin/persist.js, line 193

Get or store the current state of the web page using JSON.

웹 페이지의 현재 상태를 JSON 형식으로 저장하거나 읽는다.

• key
  Type: String

  The key of the state information to be stored

  저장할 상태 정보의 키

• state optional
  Type: Object

  The value to be stored in a given key

  키에 저장할 값

Examples

// when 'key' and 'value' are given, it saves state object
$.persist("KEY",state);
// when only 'key' is given, it loads state object
var state = $.persist("KEY");

// this is deprecated API
// save state without Key
$.persist(state);
// get state without Key
var state = $.persist();

staticjQuery.visible()

visible.js, line 213

A jQuery plugin available in the eg.Visible module.

eg.Visible 모듈의 jQuery 플러그인

Example

// create
$("body").visible();

 // event
 $("body").on("visible:change",callback);
 $("body").off("visible:change",callback);
 $("body").trigger("visible:change",callback);

 // method
 $("body").visible("option","circular",true); //Set option
 $("body").visible("instance"); // Return flicking instance
 $("body").visible("check",10); // Check to change target elements.

See:

• eg.Visble#event:change

animate(properties, duration, easing, complete)

hook/transform.js, line 3

A method that extends the .animate() method provided by jQuery. With this method, you can use the transform property and 3D acceleration

jQuery의animate() 메서드를 확장한 메서드. CSS의 transform 속성과 3D 가속을 사용할 수 있다.

• properties
  Type: Object

  An object composed of the CSS property and value which will be applied to an animation

  애니메이션을 적용할 CSS 속성과 값으로 구성된 객체

• duration (default: 4000) optional
  Type: Number | String

  Duration of the animation (unit: ms)

  애니메이션 진행 시간(단위: ms)

• easing (default: "swing") optional
  Type: String

  The easing function to apply to an animation

  애니메이션에 적용할 easing 함수

• complete optional
  Type: function

  A function that is called once the animation is complete.

  애니메이션을 완료한 다음 호출할 함수

Example

$("#box")
        .animate({"transform" : "translate3d(150px, 100px, 0px) rotate(20deg) scaleX(1)"} , 3000)
        .animate({"transform" : "+=translate3d(150px, 10%, -20px) rotate(20deg) scale3d(2, 4.2, 1)"} , 3000);

See:

• http://api.jquery.com/animate/

cssPrefix()

hook/cssPrefix.js, line 9

Enables to add CSS vendor prefixes when you use some jQuery version(1.4.3 ~ 1.8.x) that does not support them.

css에 vender prefix를 자동으로 추가하는 cssHooks이다. 지원하지 않는 jQuery 1.4.3 ~ 1.8.x에서만 활성화 된다.

Example

$("#ID").css("transform", "translate('10px', '10px');
$("#ID").css("Transform", "translate('10px', '10px');
$("#ID").css("webkitTransform", "translate('10px', '10px');
$("#ID").css("transform");
$("#ID").css("webkitTransform");

pause()

hook/pauseResume.js, line 178

Pauses the animation executed through a call to the jQuery .animate() method.

jQuery의animate() 메서드가 실행한 애니메이션을 일시 정지한다

Example

$("#box").pause(); //paused the current animation

resume()

hook/pauseResume.js, line 236

Resumes the animation paused through a call to the pause() method.

pause() 메서드가 일시 정지한 애니메이션을 다시 실행한다

Example

$("#box").resume(); //resume the paused animation

Events

persist

plugin/persist.js, line 79

This jQuery custom event is fired when device rotates.

기기가 회전할 때 발생하는 jQuery 커스텀 이벤트

Example

$(window).on("persist",function(){
     var state = $.persist("KEY");
        // Restore state
});

Deprecated

• since version 1.2.0

rotate

customEvent/rotate.js, line 12

This jQuery custom event is fired when device rotates.

기기가 회전할 때 발생하는 jQuery 커스텀 이벤트

• e
  Type: Event

  The Event object in jQuery

  jQuery의 Event 객체

• info
  Type: Object

  The object of data to be sent when the event is fired

  이벤트가 발생할 때 전달되는 데이터 객체

  • isVertical
    Type: Boolean

    The orientation of the device (true: portrait, false: landscape)

    기기의 화면 방향(true: 수직 방향, false: 수평 방향)

Example

$(window).on("rotate",function(e, info){
     info.isVertical;
});

scrollEnd

customEvent/scrollEnd.js, line 11

A custom event in jQuery occurs when scroll ends.

스크롤이 끝날 때 발생하는 jQuery 커스텀 이벤트

• e
  Type: Event

  The Event object in jQuery

  jQuery의 Event 객체

• info
  Type: Object

  The object of data to be sent when the event is fired

  이벤트가 발생할 때 전달되는 데이터 객체

  • top
    Type: Number

    The size of the vertical scroll pane (unit: px)

    세로 스크롤 영역의 크기(단위: px)

  • left
    Type: Number

    The size of horizontal scroll pane (unit: px)

    가로 스크롤 영역의 크기(단위: px)

Example

$(window).on("scrollend",function(e, info){
     info.top;
     info.left;
});

flicking:beforeFlickStart

flicking.js, line 1571

A jQuery custom event of the eg.Flicking module, which occurs before the flicking starts.

eg.Flicking 모듈의 jQuery 커스텀 이벤트. 플리킹을 시작하기 전에 발생한다

Example

 $("#mflick").on("flicking:beforeFlickStart",callback);
 $("#mflick").off("flicking:beforeFlickStart",callback);
 $("#mflick").trigger("flicking:beforeFlickStart",callback);

See:

• eg.Flicking#event:beforeFlickStart

flicking:beforeRestore

flicking.js, line 1570

A jQuery custom event of the eg.Flicking module. This event is fired before an element is restored to its original position when user action is done while the element is not dragged until a certain distance threshold is reached.

eg.Flicking 모듈의 jQuery 커스텀 이벤트. 다음 패널로 바뀌는 기준 이동 거리만큼 이동하기 전에 사용자의 동작이 끝났을 때 원래 패널로 복원되기 전에 발생한다

Example

 $("#mflick").on("flicking:beforeRestore",callback);
 $("#mflick").off("flicking:beforeRestore",callback);
 $("#mflick").trigger("flicking:beforeRestore",callback);

See:

• eg.Flicking#event:beforeRestore

flicking:flick

flicking.js, line 1572

A jQuery custom event of the eg.Flicking module. This event is fired when panel moves.

eg.Flicking 모듈의 jQuery 커스텀 이벤트. 패널이 이동될 때 발생한다

Example

 $("#mflick").on("flicking:flick",callback);
 $("#mflick").off("flicking:flick",callback);
 $("#mflick").trigger("flicking:flick",callback);

See:

• eg.Flicking#event:flick

flicking:flickEnd

flicking.js, line 1573

A jQuery custom event of the eg.Flicking module. This event is fired after the panel moves.

eg.Flicking 모듈의 jQuery 커스텀 이벤트. 패널이 이동된 뒤 발생한다

Example

 $("#mflick").on("flicking:flickEnd",callback);
 $("#mflick").off("flicking:flickEnd",callback);
 $("#mflick").trigger("flicking:flickEnd",callback);

See:

• eg.Flicking#event:flickEnd

flicking:restore

flicking.js, line 1574

A jQuery custom event of the eg.Flicking module. This event is fired after an element is restored to its original position when user action is done while the element has not bene dragged until a certain distance threshold is reached.

eg.Flicking 모듈의 jQuery 커스텀 이벤트. 다음 패널로 바뀌는 기준 이동 거리만큼 이동하기 전에 사용자의 동작이 끝났을 때 원래 패널로 복원된 다음 발생한다

Example

 $("#mflick").on("flicking:restore",callback);
 $("#mflick").off("flicking:restore",callback);
 $("#mflick").trigger("flicking:restore",callback);

See:

• eg.Flicking#event:restore

infiniteGrid:append

infiniteGrid.js, line 858

A jQuery custom event of the eg.InfiniteGrid module. This event is fired when a card element must be added at the bottom of a grid layout

eg.InfiniteGrid 모듈의 jQuery 커스텀 이벤트. 그리드 레이아웃 아래에 카드 엘리먼트가 추가돼야 할 때 발생한다.

Example

     <ul id="grid">
            <li class="item">
                <div>test1</div>
            </li>
            <li class="item">
                <div>test3</div>
            </li>
        </ul>
    <script>
// create
$("#grid").infiniteGrid();
// event
$("#grid").on("infiniteGrid:append",callback);
$("#grid").off("infiniteGrid:append",callback);
$("#grid").trigger("infiniteGrid:append",callback);
</script>

See:

• eg.InfiniteGrid#event:append

infiniteGrid:layoutComplete

infiniteGrid.js, line 857

A jQuery custom event of the eg.InfiniteGrid module. This event is fired when a layout is successfully arranged.

eg.InfiniteGrid 모듈의 jQuery 커스텀 이벤트. 레이아웃 배치가 완료됐을 때 발생한다

Example

     <ul id="grid">
            <li class="item">
                <div>test1</div>
            </li>
            <li class="item">
                <div>test3</div>
            </li>
        </ul>
    <script>
// create
$("#grid").infiniteGrid();
// event
$("#grid").on("infiniteGrid:layoutComplete",callback);
$("#grid").off("infiniteGrid:layoutComplete",callback);
$("#grid").trigger("infiniteGrid:layoutComplete",callback);
</script>

See:

• eg.InfiniteGrid#event:layoutComplete

infiniteGrid:prepend

infiniteGrid.js, line 859

A jQuery custom event of the eg.InfiniteGrid module. This event is fired when a card element must be added at the top of a grid layout

eg.InfiniteGrid 모듈의 jQuery 커스텀 이벤트. 그리드 레이아웃 위에 카드 엘리먼트가 추가돼야 할 때 발생한다

Example

     <ul id="grid">
            <li class="item">
                <div>test1</div>
            </li>
            <li class="item">
                <div>test3</div>
            </li>
        </ul>
    <script>
// create
$("#grid").infiniteGrid();
// event
$("#grid").on("infiniteGrid:prepend",callback);
$("#grid").off("infiniteGrid:prepend",callback);
$("#grid").trigger("infiniteGrid:prepend",callback);
</script>

See:

• eg.InfiniteGrid#event:prepend

visible:change

visible.js, line 212

A jQuery custom event of the eg.Visible module. This event is fired when the event is compared with the last verified one and there is an element of which the visibility property has changed.

eg.Visible 모듈의 jQuery 커스텀 이벤트. 마지막으로 확인한 결과와 비교해 visibility 속성이 변경된 엘리먼트가 있을 때 발생한다

Example

// create
$("body").visible();

 // event
 $("body").on("visible:change",callback);
 $("body").off("visible:change",callback);
 $("body").trigger("visible:change",callback);

See:

• eg.Visble