jquery - jQuery Backstretch 没有调整大小

Question

加载页面后，我进行了回弹初始化。之后，我有一个事件方法，可以通过后伸更改背景图像。一旦事件运行，backstretch 将不再为任何其他元素调整大小，除了已更新的元素。

backstretch 是否有一个用于调整窗口大小的事件实例？如果是这样，我能做些什么来解决这个问题吗？

谢谢！

例子：

$('body').backstretch('woot.jpg');
$('#menu-home').backstretch('dog.jpg');
$('#menu-about').backstretch('cat.jpg');
$('#menu-contact').backstretch('iguana.jpg');

$('#menu-home').on('click', function(){
    $('body').backstretch('dog.jpg');
});

Answer 1

我在一个 div 中使用了 backstretch，它占据了浏览器的所有可见区域，这样您就可以向下滚动并且页面的其余部分没有背景。要在 windows resize 上调整它，我发现除了使用 javascript 之外别无他法：

window.onresize = homePageResize;

function homePageResize() {
    $('#landingTop').css({ 'height': ($(window).innerHeight()) + 'px' });
}

Answer 2

有一个可以手动调用的 resize 方法（src）：

$('your-selector').backstretch('resize');