버튼의 간단한 자바 스크립트 코드가 어떤 브라우저에서도 작동하지 않습니다.

내 웹 사이트의 버튼 스크립트를 약간 만들려고했지만 브라우저에서 작동하지 않습니다.버튼의 간단한 자바 스크립트 코드가 어떤 브라우저에서도 작동하지 않습니다.

왜 작동하지 않는지 알 수 없습니다. 너희들이 그것을 보아서 무엇이 잘못되었는지보십시오.

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Button Magic</title> 
     <link rel='stylesheet' type='text/css' href='stylesheet.css'/> 
     <script type="text/javascript" src="script.js"></script> 
    </head> 
    <body> 
    <div><br/><strong>Click Me!</strong></div> 
    </body> 
</html>

이것은 CSS입니다 :

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

그리고 이것은 자바 스크립트입니다 :

이는 HTML입니다 사전에

$(document).ready(function(){ 
    $('div').mouseenter(function() { 
     $('div').fadeTo('slow', 1); 
    }); 

    $('div').mouseleave(function() { 
     $('div').fadeTo('slow', 0.25); 
    }); 

});

감사합니다!

출처

2013-11-23 user3024879

페이지에 jquery.js을 포함해야합니다.

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Button Magic</title> 
     <link rel='stylesheet' type='text/css' href='stylesheet.css'/> 
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
     <script type="text/javascript" src="script.js"></script> 
    </head> 
    <body> 
    <div><br/><strong>Click Me!</strong></div> 
    </body> 
</html>

위의 예는 Google의 CDN에서 jQuery 1.10.2 사본을 사용하고 있습니다. 필요한 경우이 버전을 다른 버전으로 수정할 수 있습니다.

출처

2013-11-23 12:56:15

로이에게 감사드립니다. – user3024879

어떤 버전을 사용해야하는지 어떻게 알 수 있습니까? – user3024879

지원해야하는 특정 기능이 없으면 항상 최신 버전을 사용해야합니다. –

버튼의 간단한 자바 스크립트 코드가 어떤 브라우저에서도 작동하지 않습니다.

답변

관련 문제