on pageload (모든 호버 이벤트가 적용되기 전에) 호버 아웃 이벤트와 동일 함

Question

아마 사소한 질문 일 수 있습니다. 스크립트에는 약간의 논리가 역전되어 있습니다. hag-out이 기본적으로 pageload에 적용되어 i-gg 속성의 내용이 기본적으로 i 요소의 실제 내용 대신 표시되므로 차례대로 hover-on에서만 표시해야합니다. pageload의 기본값). 스크립트는 이제 첫 번째 호버 이벤트가 발생하기 전에 실제 i 콘텐츠를 기본적으로 표시합니다. 그렇지 않으면 정상적으로 작동합니다.

$('i[data-gg]').hover(
    function() { 
     $(this).html($(this).data('content')); 
    }, 
    function() { 
     $(this).data('content', $(this).html()) 
       .text($(this).attr('data-gg')); 
    } 
); 

Answer 1

당신이 가져가 아웃 이벤트 페이지로드에서 발생하고 싶다면, 당신은 당신이 (호버 각각 mouseenter 및 mouseleave 이벤트 등록) 콜백을 등록 후 즉시 트리거 할 수 있습니다

$('i[data-gg]').hover(
    function() { 
     $(this).html($(this).data('content')); 
    }, 
    function() { 
     $(this).data('content', $(this).html()) 
      .text($(this).attr('data-gg')); 
    } 
).trigger('mouseleave');