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

Question

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

如果我简单地将函数复制到调整大小事件中，整个事情就会完美地进行，但这似乎不优雅且不必要。看来应该有一种方法可以再次调用该函数。

这是我的代码:

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