jQuery on（ 'resize'）が期待通りに動作しない

Question

要素を動的に配置するためにjQueryを記述しました。ロード時には機能しますが、ウィンドウのサイズを変更すると機能しません。

コード私が持っている：

$(document).ready(function() { 
     var offset = $("#kDropdown").offset(); 
     //$(".hidden-dropdown").css('position', 'absolute') 
     //$(".hidden-dropdown").css('left', offset.left); 
     $(document).on('resize', function() { 
     $(".hidden-dropdown").css('position', 'absolute') 
     $(".hidden-dropdown").css('left', offset.left); 
     }).trigger('resize'); 
    }); 


     <div class="hidden-dropdown hide"> 
     <ul> 
      <li><a href="#">Item One</a></li> 
      <hr /> 
      <li><a href="#">Item Two</a></li> 
      <hr /> 
      <li><a href="#">Item Three</a></li> 
     </ul> 
     </div> 

任意のアイデア？

Answer 1

通常、リサイズ1は、したがって、window次のとおりです。

$(window).on("resize", function() { 
    console.log("yay"); 
}); 

あなたが直接resize方法でそれを添付することができます。

$(window).resize(function() { 
    console.log("direct yay"); 
}); 

を彼らは両方とも同じです。