Internet Explorer 10의 javascript, 응답 없음

js가 Firefox 및 Chrome에서 작동하지만 Internet Explorer에서 작동하지 않는 이유를 설명해 주시겠습니까? 그 3 일을 지금 풀려고 노력하고 있는데 왜 작동하지 않는지도 모르겠다. 적어도 IE 8,9 및 10에서이 기능을 사용하고 싶습니다. 지금이 문제를 해결할 사람이 있다면 정말 행복 할 것입니다.Internet Explorer 10의 javascript, 응답 없음

SCRIPT

$(document).ready(function() { 

$('<img class="envtop" src="images/envtop.jpg" alt=" "/>').prependTo('#testimo li'); 
$('<img class="envbot" src="images/envbot.png" alt=" "/>').appendTo('#testimo li'); 
$('<img class="envshadow" src="images/shadow.png" alt=" "/>').appendTo('#testimo li'); 

$('.envelope').mouseover(function() { 
    $(this).find('.envtop').addClass('envani') 
    .end().find('.envbot').addClass('envani') 
    .end().find('.list').addClass('listani'); 
}); 

$(".envelope").mouseout(function() { 
    $(this).find('.envtop').removeClass('envani') 
    .end().find('.envbot').removeClass('envani') 
    .end().find('.list').removeClass('listani'); 
}); 

$('.envelope').click(function() { 
    $(this).find('.list') 
    .toggleClass("listmove"); 
}); 

});

HTML이

<!DOCTYPE html> 
<html> 
<head> 
<link href="style2.css" rel="stylesheet" type="text/css"> 
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> 
<script type="text/javascript" src="js/modernizr.custom.33897.js"></script> 
<script type="text/javascript" src="js/js1.js"></script> 
</head> 
<body> 
<ul id="testimo"> 
<li class="envelope"> 
<div class="list"> 
<blockquote>XXXXXXXXXXXXXXX XXXXXXXXXXXXX XXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXXXXX XXXXXXXXXXXXX XXXXXXXXX XXXXXXXX XXXXXX</blockquote> 
</div> 
</li> 
</ul> 
</body> 
</html>

CSS는

 .envelope { 
     width:300px; 
     height:150px; 
     position:relative; 
     padding: 120px 24px 0; 
     overflow: hidden; 
     float: left; 
     -webkit-transition:1s; 
     transition:1s; 
     cursor: pointer; 
     } 
     .list { 
     width:236px; 
     height:180px; 
     background:white; 
     padding: 30px 20px 0; 
     font-size: 16px; 
     -webkit-transition:1s; 
     position:absolute; 
     top:120px; 
     left:36px; 
     z-index:2; 
     -webkit-transition:0.8s; 
     transition:0.8s; 
     font-size: 16px; 
     background:gray; 
     } 
     .envtop { 
     position:absolute; 
     top:20px; 
     left: 24px; 
     z-index:1; 
     -webkit-transition:0.5s; 
     transition:0.5s; 
     } 
     .envbot { 
     position:absolute; 
     top:20px; 
     left: 24px; 
     z-index:3; 
     -webkit-transition:0.5s; 
     transition:0.5s; 
     } 
     .envani { 
     -ms-transform:rotate(6deg); 
     -webkit-transform:rotate(6deg); 
     transform:rotate(6deg); 
     left: 35px; 
     top: 10px; 
     } 
     .listani { 
     top:80px; 
     left: 45px; 
     } 
     .envshadow { 
     position: absolute; 
     bottom:0; 
     z-index: 4; 
     left: 0; 
     } 
     .listmove { 
     top:0px; 
     }

출처

2013-05-31 M-K

당신이 할 일을 설명하거나 쉽게이 내용을 jsfiddle에 넣을 수 있습니까? – Jaay

확인할 수 jsfiddle 아래에 주어진

이

LINK

주 IE10에서 링크 : 당신이 당신의 JS 코드를 작성? 외부 js입니까? 내부 (페이지 자체) js라면 <script type="text/javascript" language="javascript"> ... </javascript> 태그 안에 javascript를 써야합니다.

출처

2013-05-31 12:47:47

정렬 작업을 수행 할 필요가 없습니다. Javascript는 스크립트 태그 나 외부 URL에서 페이지의 아무 곳에 나 포함될 수 있습니다. – Undefined

감사합니다. 왜 js 파일을 사용할 수 없습니까? –

외부 JS 파일을 사용할 수 있습니다. 문제가 아닙니다. IE에서이 링크를 확인할 수 있습니까? –

Internet Explorer 10의 javascript, 응답 없음

답변

관련 문제