jquery窗口調整大小不工作在requirejs

Question

我完全是requirejs的新手，並開始在我的項目中使用它。我有一個問題，當我使用窗口調整大小事件不會觸發。 在這裏，我添加了我的代碼。請幫我解決這個問題。

define(["jquery"], function($) { 
    $(function() { 
     set_screen(); 
    }); 
    function set_screen(){ 
      var heroBannerHeight = $('#hero-banner').innerHeight(), 
       heroCaptionHeight = $('#hero-banner .slider-caption').innerHeight(); 

      if(heroBannerHeight > heroCaptionHeight){ 
       $('#hero-banner, #hero-banner .slider-caption').css({'height':heroBannerHeight}); 
       $('#hero-banner').removeClass('large-description'); 
      } else { 
       $('#hero-banner, #hero-banner .slider-caption').css({'height':heroCaptionHeight}); 
       $('#hero-banner').addClass('large-description'); 
      } 

     } 

     $(window).on("resize", function(event) { 
      set_screen(); 
     }); 
    }); 

Answer 1

嘗試：

define(["jquery"], function($) { 
    function set_screen(){ 
      var heroBannerHeight = $('#hero-banner').innerHeight(), 
       heroCaptionHeight = $('#hero-banner .slider-caption').innerHeight(); 

      if(heroBannerHeight > heroCaptionHeight){ 
       $('#hero-banner, #hero-banner .slider-caption').css({'height':heroBannerHeight}); 
       $('#hero-banner').removeClass('large-description'); 
      } else { 
       $('#hero-banner, #hero-banner .slider-caption').css({'height':heroCaptionHeight}); 
       $('#hero-banner').addClass('large-description'); 
      } 

     } 
     $(function() { 
     set_screen(); 
     $(window).on("resize", function(event) { 
      set_screen(); 
     }); 
     }); 

    });