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, который занимает всю видимую область браузера, так что вы можете прокручивать вниз, а остальные страницы не имеют фона. Для того, чтобы настроить его на окно изменения размера я не нашел никакого другого способа, чем с помощью JavaScript:

window.onresize = homePageResize; 

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

Answer 2

Там есть способ изменения размера, который можно назвать ручной ее закрытие (src):

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