在Internet Explorer 10中的JavaScript，没有回应

你能告诉我为什么这个JS在Firefox和Chrome中工作，但不能在Internet Explorer中工作吗？我现在正试图解决这个问题，我不知道为什么它不起作用。我希望这至少在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给定链接在IE10

LINK

注：如果你写你的JS代码？它是外部js吗？如果是内部（页面本身）js，则需要在<script type="text/javascript" language="javascript"> ... </javascript>标记内写入javascript。

来源

2013-05-31 12:47:47

你不需要做任何类型的事情。 JavaScript可以被包含在页面的任何地方，可以是脚本标签或外部网址。 – Undefined

谢谢，你能告诉我为什么我不能使用js文件吗？ –

你可以使用外部的JS文件，而不是一个问题。，你可以在IE中检查这个链接吗？ –

在Internet Explorer 10中的JavaScript，没有回应

回答

相关问题