Internet Explorer 10中的javascript，无响应_Javascript_Internet Explorer_Internet Explorer 10

Internet Explorer 10中的javascript，无响应

javascript internet-explorer

Internet Explorer 10中的javascript，无响应,javascript,internet-explorer,internet-explorer-10,Javascript,Internet Explorer,Internet Explorer 10,你能告诉我为什么这个js可以在Firefox和Chrome中工作，但不能在InternetExplorer中工作吗？我正在努力解决这三天，我不知道为什么它不工作。我想这是工作，至少在IE 8，9和10。如果现在有人知道如何解决这个问题，我会非常高兴脚本 $(document).ready(function() { $('<img class="envtop" src="images/envtop.jpg" alt=" "/>').prependTo('#testimo li');

你能告诉我为什么这个js可以在Firefox和Chrome中工作，但不能在InternetExplorer中工作吗？我正在努力解决这三天，我不知道为什么它不工作。我想这是工作，至少在IE 8，9和10。如果现在有人知道如何解决这个问题，我会非常高兴

脚本

$(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");
});

});

你能检查一下IE10中给出的JSFIDLE链接吗

注意：你在哪里写的js代码？。是外部js吗？。如果是内部（页面本身）js，则需要在

中编写javascript标记。
你能描述一下它应该做什么和/或把它放在一个JSFIDLE中吗？你不需要做任何类似的事情。Javascript可以包含在页面的任何地方，可以是脚本标签，也可以是外部url。谢谢，你能告诉我为什么我不能使用js文件吗？你可以使用外部js文件，这不是问题。你能在IE中检查这个链接吗？在IE中试试Developer Tools（F12），你可以很容易地找到发生的错误。。，，
 <!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>

      .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;
      }