JQuery와 트리거 호버은 작동하지 않습니다 :

Question

나는 매우 유사한 경우가 (호버)이 하나 https://codepen.io/ianfarb/pen/EJunm

내가 가진 첫 번째 이미지에 마우스 오버를 트리거 JQuery와 mouseenter를 사용하려고 해요 이드.

window.setTimeout(function() { 
    $('#one').trigger('mouseenter'); 
}, 2500) 

그러나이 같은 내 코드도 위의 링크에서 하나 둘, 작업 표시되지 않습니다 :하지 (: 호버) 스타일이 항상 적용 할 것으로 보인다. 나는 또한 $(). offset()을 사용하여 다시 그리기를 시도했지만 그 중 하나는 작동하지 않습니다.

Answer 1

당신은 (예를 들어 opacity 사용) hover 스타일

.image { 
    opacity: .5; 
} 

.image:hover, 
.image.is-hover { 
    opacity: 1; 
} 

다음 시간 제한에 추가를 적용 할 클래스를 사용 (및 정리에 실제 마우스 오버에 클래스 확인)

jQuery(function($) { 
    function enter() { 
    $(this).addClass('is-hover').siblings().removeClass('is-hover'); 
    } 

    function leave() { 
    $(this).removeClass('is-hover'); 
    } 

    $('.image').hover(enter, leave); 

    setTimeout(function() { 
    enter.call($('.image:first-child')); 
    }, 2500); 
}); 

을 수