javascript - 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();
         });
       });

    });