javascript - jQuery イベントは、DOM 全体がロードされている場合にのみ機能します

Question

独自のDOM オブジェクトが読み込まれるときに実行したい一連の jQuery イベントがあります。たとえば、次のようになります。

 $("#div1").on('click',function(){ /* Stuff one*/ }); //#div 1 must exist
 $(".div2").on('click',function(){ /* Stuff two */}); //all objects with div 2 class must exist

次のコードは機能しますが、DOM 全体が大きすぎて (これはSPA webです)、しばらく待つ必要があります。

$(function(){
     $("#div1").on('click',function(){ /* Stuff one*/ }); //#div 1 must exist
     $(".div2").on('click',function(){ /* Stuff two */});  //all objects with div 2 class must exist
});

このコードを試してみたいと思いますが、イベント .load() は jQuery 1.8 から廃止されました:

$("#div1").on('load',function(){
  $(this).bind('click',function(){ /* Stuff one*/ }); //#div 1 must exist
}
$("#div2").on('load',function(){
  $(this).bind('click',function(){ /* Stuff two*/ }); //all objects with div 2 class must exist
}

非推奨のコードを使用して同じ効果を引き起こす方法を知っている人はいますか? :)