2014-12-11 2 views
0

나는이 코드 조각을 이해하려고 노력 딱하다 :문자열에 대한 Jquery 바인딩?

$s_middle.on(this.transEndEventName, function(event) { 

     //Do stuff   

}); 

$ smiddle는 일부 HTML 보유 :

<div class="myclass">...</div> 

그리고 this.transEndEventName가 어떤 접두사 모더 나이저 반환을 보유 플러스 클래스를 .block

this.transEndEventName = transEndEventNames[Modernizr.prefixed('transition')] + '.block'; 

"바인딩"은 무엇입니까? 문자열? 내가 this.transEndEventName을 consoled.log 경우

내가 얻을 :

transitioned.block 

코드는 $s_middle이 완료 내부 전환 후 실행 보인다. 그러나 나는 왜 그런지 이해하지 못한다.

누군가가 어떻게 작동하는지 설명 할 수 있습니까?

답변

0

on jQuery의 api는 수신 대기 할 이벤트의 이름으로 문자열을 취하고 해당 이벤트가 발생할 때 실행되는 함수를 사용합니다. 첫 번째 인수는 항상 문자열입니다.

transitionEnd은 접두어가 붙을 수있는 이벤트입니다 (예 : webkitTransitionEnd, mozTransitionEnd 등). 누구든지이 코드를 실행하는 브라우저에서 Modernizr을 사용하여 적절한 이벤트에 바인딩합니다.

+0

감사합니다. 패트릭. 나는 "transiotionEnd"가 유효한 이벤트라는 것을 깨닫지 못했습니다. –

+0

음, "transitionEnd"는 유효한 이벤트입니다.) – Patrick