Question

我的下面的脚本适用于旧版本的jQuery，但不运行3.1任何建议？ 以下是代码。

$(window).load(function() {
   $('div').each(function(i) {
      $(this).delay((i + 1) * 3000).fadeOut(1000);
   });
});

例如;下面的JSfiddle使用jQuery 3.1进行更新。它没有运行。

- ＆GT; http://jsfiddle.net/hh42R/138/

但是当你在同一个小提琴中将其改为 jQuery 1.6时，它可以正常工作没有问题。

Answer 1

问题是load()方法。在jQuery 3.x中，这不再是一个事件处理程序。

相反，您需要使用on('load', fn)：

$(window).on('load', function() {
  $('div').each(function(i) {
    $(this).delay((i + 1) * 3000).fadeOut(1000);
  });
});

div {
    width: 20px;
    height: 20px;
    border: 1px solid #C00;
    background-color: #FFF;
    display: inline-block;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

旧版jquery代码不适用于3.1 v

1 个答案: