jQuery의 live() method_jquery에 의한 호버 이벤트 처리 예

hover([over,]out)

호버 이벤트(마우스가 개체 위로 또는 개체 밖으로 이동)를 시뮬레이션하는 메서드

마우스가 일치하는 요소 위로 이동할 때 지정된 첫 번째 함수 트리거됩니다.

마우스가 이 요소 밖으로 이동하면 지정된 두 번째 기능이 실행됩니다.

코드 복사 코드는 다음과 같습니다.

$('.myDiv').hover (function( ) {
doSomething...
}, function() {
doSomething...
})

문제는 다음과 같은 일부 요소가 있다는 것입니다. 메뉴는 AJAX를 통해 동적으로 로드되기 때문에 hover 메소드가 실행되면

메뉴는 아직 로드되지 않았으므로 jquery의 또 다른 메소드인 live(),

.live( ) 메소드를 사용하여 DOM에 추가되지 않은 요소는 이벤트 위임 사용으로 인해 유효합니다.

상위 요소에 바인딩된 이벤트 핸들러는 하위 항목에서 트리거된 이벤트에 응답할 수 있습니다.

.live()에 전달된 이벤트 핸들러는 요소에 바인딩되지 않습니다.

대신 특수 이벤트 핸들러로 처리되어 DOM 트리의 루트 노드에 바인딩됩니다. . 우수한.

코드 복사 코드는 다음과 같습니다.

$('.myDiv').live ('hover',function(event){
if(event.type=='mouseenter'){
doSomething...
}else{
doSomething...
}
} )

일부 jquery 버전은 mouseenter 및 mouseleave에 응답합니다.
일부 jquery 버전은 mouseover 및 mouseout에 응답합니다.
확인하려면...