jQuery : 마우스 이벤트가 작동하지 않습니다.

-3

<!DOCTYPE html> 
<html> 
<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js?ver=1.4.2"></script> 

    <script> 
     $(document).ready(function() { 
      $('.mydiv').mouseenter(function() { 
       $('.mydiv').fadeTo('fast', 1); 
      }); 
      $('.mydiv').mouseleave(function() { 
       $('.mydiv').fadeTo('fast', 0.5); 
      }); 
     }); 
    </script> 
    <link rel="stylesheet" type="text/css" href="stylesheet.css"> 
</head> 


<body> 
    <div class="mydiv"><br><strong>Click Me!</strong></div> 

</body> 
</html>

위의 코드는 jQuery가 작동하지 않는 테스트 HTML 파일입니다. 아무도 내 문제에 대한 해결책을 찾지 못하게 할 수 있습니다. 오류 (Google 크롬 34.0.1847.137 m)를 찾을 수 없습니다. 사람이 필요로하는 경우jQuery : 마우스 이벤트가 작동하지 않습니다.

, 이것은 CSS 파일입니다

div { 
    height: 60px; 
    width: 100px; 
    border-radius: 5px; 
    background-color: #69D2E7; 
    text-align: center; 
    color: #FFFFFF; 
    font-family: Verdana; 
    opacity: 0.5; 
}

출처

2014-05-15 Funest

이전 jQuery 1.6.4를 사용하는 이유는 무엇입니까? –

콘솔을 열고 오류 메시지를 알려주십시오 ... – HaukurHaf

잘 작동합니다. http://jsfiddle.net/j08691/z8YBm/1 – j08691

당신은 jQuery를 오래된 버전을 사용하고, 새 버전으로 변경하고 크롬에서 작동합니다.

jsBin demo

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

또한 코드에 단지 작은 편집 : CSS3의 jQuery를하지 않고

$(function() { // DOM ready shorthand 
    $('.mydiv').hover(function(e) { 
     $(this).stop().fadeTo(300, e.type=="mouseenter"?1:0.5); 
    }); 
});

jsBin demo

.mydiv{ 
    /* your styles here */ 
    opacity: 0.5; 
    transition: opacity 0.3s; 
} 
.mydiv:hover{ 
    opacity: 1; 
}

출처

2014-05-15 20:48:46

"$가 정의되어 있지 않습니다."(마지막 주석 참조)는 아닙니다. 또한, 게시 된 JSFiddle 링크 (및 실행 한 로컬 테스트) 중 하나는 이전 jQuery 버전을 사용하며 여전히 모두 작동합니다. –

내 컴퓨터에서 작동하지 않습니다 ... – Funest

@ user3642345 몇 가지 수정 사항으로 내 대답을 편집했습니다. 내 링크 예제를 사용해 보셨습니까? 어느 것이 작동하지 않습니까? –

jQuery : 마우스 이벤트가 작동하지 않습니다.

답변

관련 문제