Question

你能告诉我为什么这个js在Firefox和Chrome中运行，但是在Internet Explorer中不起作用？我现在试图解决这3天，我不知道它为什么不起作用。我希望这至少在IE 8,9和10上工作。如果有人现在如何解决这个问题，我将非常高兴。

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

Answer 1

您可以查看IE10中以下给出的jsfiddle链接

LINK

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

Internet Explorer 10中的javascript，没有响应

1 个答案: