javascript - Jquery Internet Explorer 兼容性(切换和动画)

Question

为什么这一小段 jQuery 代码不能在 Internet Explorer 上运行？ IT 在所有 Webkit 浏览器中运行良好。

$('#logo').toggle(function() {
    $('#about').animate({'top': '-400px'},'slow');
}, function() {
    $('#about').animate({'top': '0px'},'slow');
});

CSS:

#logo {
    margin:-55px auto 0 auto;
    cursor:pointer;
}

#about {
    width:100%;
    height:200px;
    position:fixed;
    top:0px;
    z-index: 3000;
}

HTML

<div id="header">
  <div id="about">                  
    <p>test</p>
    <img id="logo2" src="assets/img/logokleinhover.png" alt="Logo" />
  </div>
</div>

Answer 1

如果您将代码放在 html 页面底部的 $(document).ready() 中。它减少了我在 IE 中使用 js 时遇到的很多问题。

正如 Jack 所说，最好将 javascript 放在它影响的 HTML 之后。

<script>
$.ready(function(){ 
    $('#logo').toggle(function() {
        $('#about').animate({'top': '-400px'},'slow');
    }, function() {
        $('#about').animate({'top': '0px'},'slow');
    }); 
});
</script>