jQuery Backstretch没有调整大小

Question

一旦我的页面加载，我就会进行backstretch初始化。之后，我有一个事件方法，用backstretch更改背景图像。一旦事件运行，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调整大小上进行调整，我发现除了使用javascript之外别无他法：

window.onresize = homePageResize;

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

Answer 2

有一种可以手动调用的调整大小方法（src）：

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