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

通常情況下，一個調整是window，因此：

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

您可以直接與resize方法將其固定：

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

他們都是相同的。