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

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


慕慕森
浏览 603回答 1
1回答

繁星coding

将resize函数直接写在main.js中,就按照写普通函数的方法那样写,就实现了实时修改。window.onresize = resize; function resize(){...}感觉这不是纯粹的模块化,但至少功能实现了。如果谁有高见,欢迎讨论!
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript