jquery window 调整大小在 requirejs 中不起作用

Question

我对 requirejs 完全陌生，并开始在我的项目中使用它。我在使用 window resize 事件时遇到一个问题，它没有触发。在这里，我添加了我的代码。请帮我解决这个问题。

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

    });

jquery window 调整大小在 requirejs 中不起作用

jquery window resize not working in requirejs

html

javascript

css

jquery

requirejs