javascript - requirejs调用类似window.onresize自动执行函数的问题

问题描述

问 题

本人在用requirejs过程中，想做一个随着浏览器窗口变化而变化的函数，用于控制div的高度。
此函数在common.js中，现在要在main.js调用common.js中的resize函数。

common.js函数如下：

define(["require","exports","module"],function (require,exports,module) { 
    exports.resize=function (){
        var winHeight=window.innerHeight?window.innerHeight:document.documentElement.clientHeight;
        var bottomHeight=parseInt(winHeight-100);
        $("#bottom").css("height",bottomHeight+"px");
    }});

main.js如下：

window.onresize=require(["jquery","common"],function ($,COMMON) {
    COMMON.resize();
});

这样只在初始的时候执行一次，不能实时监听窗口变化，请问谁遇到这种情况？指点一下，谢谢~

解决方案

将resize函数直接写在main.js中，就按照写普通函数的方法那样写，就实现了实时修改。

window.onresize = resize;
function resize(){...}

感觉这不是纯粹的模块化，但至少功能实现了。
如果谁有高见，欢迎讨论！

这篇关于javascript - requirejs调用类似window.onresize自动执行函数的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！