在jQuery中重复窗口大小调整的函数

Question

我写了一个函数来调整和定位固定位置图像.我想在jQuery中重复窗口调整大小的函数"imgControl".我确信有一些超级简单的方法可以做到这一点,但到目前为止,我的搜索一直没有结果.我可能只是不知道要使用的正确搜索词.任何帮助将不胜感激!

如果我只是将函数复制到resize事件中,那么整个过程就完美无缺,但这似乎是不优雅和不必要的.似乎应该有一种方法可以再次调用该函数.

这是我的代码:

$(window).load(function imgControl() {
    $('div.lb_img img').each(function () {
        var lb_img_id = '#' + $(this).attr('id');
        /* image size */
        var max_height = $(window).height() - 50;
        var max_width = $(window).width() - 50;
        $(function() { $(lb_img_id).aeImageResize({width:max_width, height:max_height}); });
        /* image position */
        var img_y = ($(this).attr('height') + 14) * -0.5;
        var img_x = ($(this).attr('width') + 14) * -0.5;
        $(this).css('margin-top', img_y).css('margin-left', img_x);
    });
}); 
$(window).resize(function() {
    imgControl();
});

Answer 1

以您可以从任何需要的地方调用的方式定义您的函数.像这样:

var imgControl = function() {
    $('div.lb_img img').each(function () {
        ... // etc
    });
};

$(document).ready(function () {
    imgControl();
});

$(window).resize(function() {
    imgControl();
});