従来のjqueryコードは3.1で動作しません

Question

私の下のスクリプトはjQueryの古いバージョンでうまく動作しましたが、ではなく、は3.1で動作しますか？ 以下はコードです。例えば

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

---

。以下のJSfiddleはjQuery 3.1を使用して更新されます。実行されません。

- >http://jsfiddle.net/hh42R/138/

しかし、あなたは同じフィドル内のjQuery 1.6 に、それは問題なく正常に動作していることに変更。

Answer 1

問題はload()メソッドです。 jQuery 3.xでは、これはもはやイベントハンドラではありません。それはもはや作業している方法（複数可）で

$(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>