本人在用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中,就按照写普通函数的方法那样写,就实现了实时修改。
感觉这不是纯粹的模块化,但至少功能实现了。
如果谁有高见,欢迎讨论!