Internet Explorer 10中的javascript，无响应

Question

您能告诉我为什么这个js在Firefox和Chrome中运行，而在Internet Explorer中不运行吗？ 我现在想解决3天，我不知道为什么它不起作用。 我希望至少可以在IE 8,9和IE 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");
});

});

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

Answer 1

您可以检查IE10中以下给定的jsfiddle链接吗

链接

注意：您在哪里编写了js代码？ 是外部js吗？ 如果是内部（页面本身）js，则需要在<script type="text/javascript" language="javascript"> ... </javascript>标记内编写javascript。

Internet Explorer 10中的javascript，无响应

问题描述

1 个解决方案

解决方案1
1 已采纳 2013-05-31 12:47:47

Internet Explorer 10中的javascript，无响应

问题描述

1 个解决方案

解决方案1 1 已采纳 2013-05-31 12:47:47

解决方案1
1 已采纳 2013-05-31 12:47:47