간단한 질문이되기를 바라는 것이 있습니다. 나는 jQuery와 JavaScript를 더 일반적으로 처음 사용합니다.
나는 그들 위에 마우스를 올려 놓을 때 내 페이지에서 li를 강조 표시하는 간단한 jQuery 이벤트 핸들러를 작성하려고합니다. 나는 시도했다 :
$( 'li' ).on('mouseover', function(evt) {
$( evt.target ).effect( 'highlight', {}, 1000 );
});
작동하지 않습니다. 오류가 발생하지는 않지만 결과는 없습니다.
그러나 다음과 같은 것을 시도하면 :
$( document ).on('mouseover', function(evt) {
$( evt.target ).effect( 'highlight', {}, 1000 );
});
마우스를 올려 원하는 DOM 요소를 강조 표시 할 수 있습니다.
js 파일 끝에 이벤트 핸들러를 배치했으며 두 번째 접근 방식을 사용하면 동적으로 생성 된 DOM 요소도 문제없이 강조 표시 될 수 있습니다. 그러나 태그 또는 클래스별로 DOM 요소를 선택하려고하면 효과를 낼 수 없습니다.
동적 콘텐츠를 타겟팅하고 있으므로 다음과 같이 문서를 위임 해보세요.
$( document ).on('mouseover', 'li', function(evt) {
$( evt.target ).effect( 'highlight', {}, 1000 );
});
이 이벤트 위임을 읽어야 할 수도 있습니다 .
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다