jQuery .hover 스크립트

Question

나는 jQuery에 꽤 익숙하며 여기에 내 문제가있다. website.

보시다시피, 오른쪽에 작은 그림이 있습니다. 마우스 오버시 요소의 불투명도를 변경하기 위해 HOVER를 사용하여 매우 간단한 스크립트를 작성했습니다. 그러나 방화범이 끌려는 스크립트의 작은 변화 (예를 들어 스크립트의 모든 줄에있는 보도 자료 공간만으로 활성화 될 때까지)는 작동하지 않습니다. 그리고 그것은 작동합니다! 나는 이것으로 완전히 혼란스러워했다.

누구든지 나를 도울 수 있다면, 나는 당신이 넘어갈 때 그 작은 그림의 위치를 ​​변경하는 다른 스크립트로 같은 문제를 해결할 수 있습니다.

나는 내가 원하는만큼 똑같은 해결책을 찾고있다.

고마워요.

Answer 1

호출이 실행될 때 이미지가 페이지에로드되지 않았기 때문에 다른 스크립트 노드에서와 마찬가지로 $ (document) .ready() 호출에서 .hover() 호출을 포장해야합니다. . 예를 들어,이 :

$('.s1').hover(
    function() { 
    $(this).stop().css('z-index','9998').animate({left:-40}); 
    }, 
    function() { 
    $(this).stop().css('z-index','').animate({left:-80}); 
    } 
); 

이 같아야하는 데 도움이

$(document).ready(function(){ 
    $('.s1').hover(
    function() { 
    $(this).stop().css('z-index','9998').animate({left:-40}); 
    }, 
    function() { 
    $(this).stop().css('z-index','').animate({left:-80}); 
    } 
); 
}) 

희망.