live() 메소드가 jQuery에서 호버 이벤트를 처리하는 방법에 대한 자세한 설명

hover([over,]out)

hover 이벤트를 모방하는 메서드(마우스가 객체 위아래로 움직인다)

마우스가 일치하는 항목으로 이동할 때 요소 위에 있으면 지정된 첫 번째 function이 트리거됩니다.

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

$('.myp').hover(function() {
	doSomething...	
}, function() {
	doSomething...	
});

문제는 메뉴 등 일부 요소가 AJAX를 통해 동적으로 로드된다는 점입니다. hover 메서드가 실행될 때 메뉴가 아직 로드되지 않았으므로 jquery

의 또 다른 메서드인 live( )

. live() 메소드는 이벤트 위임 사용으로 인해 DOM에 추가되지 않은 요소에 대해 효과적일 수 있습니다.

조상 요소에 바인딩된 이벤트 처리

함수는 하위 요소에서 트리거될 수 있습니다. 이벤트.

.live()에 전달된 이벤트 핸들러는

요소에 바인딩되지 않지만 DOM 트리의 루트 노드에 바인딩된 특수 이벤트 핸들러로 처리됩니다.

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

jQuery 1.4.3+ 필요 hover는 표준 이벤트가 아니므로 라이브를 사용하여 직접 처리할 수 없으므로 대신 다음 방법을 사용하면 동일한 효과가 있습니다.

아아아아

위 내용은 live() 메소드가 jQuery에서 호버 이벤트를 처리하는 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!