javascript - 无法从 .resize() 中调用 jQuery 函数

Question

这是我的代码:

function centerAlign(image, parent) {
    image.load(function() {
        var imageWidth = image.width();
        var parentWidth = parent.width();
        if(imageWidth != 0) {
            var trim = (parentWidth - imageWidth) / 2;
            image.css("marginLeft", trim);
        }
    });
}

$(window).resize(function() {
    centerAlign($(".swiper-slide img"), $(".swiper-slide"));
});

$(document).ready(function() {
    centerAlign($(".swiper-slide img"), $(".swiper-slide"));
});

它在页面加载时运行该函数，但不在窗口调整大小时运行。有什么想法吗？

Answer 1

找到解决方案，我在调整大小中调用加载。猜测它已经加载，因此不会在调整大小时运行。更改为:

function centerAlign(image, parent) {
    var imageWidth = image.width();
    var parentWidth = parent.width();
    if(imageWidth != 0) {
        var trim = (parentWidth - imageWidth) / 2;
        image.css("marginLeft", trim);
    }
}

$(window).resize(function() {
    centerAlign($(".swiper-slide img"), $(".swiper-slide"));
});

$(document).ready(function() {
    $(".swiper-slide img").load(function() {
        centerAlign($(".swiper-slide img"), $(".swiper-slide"));
    });
});

现在我只在ready()中调用load，而不是在resize()中调用load。希望这对其他人有帮助。