Обновите некоторые jquery при изменении размера окна браузера

Question

Я использую стороннюю карусель, которая на лету добавляет встроенные стили ширины и высоты. Сайт использует медиазапросы для изменения размера контейнера карусели при уменьшении размера браузера. Моя проблема в том, что страница должна быть обновлена ​​для получения медиа-запроса. Так можно ли обновить функцию jQuery при изменении размера, чтобы она заново определяла ширину / высоту?

Вот jQuery:

    <script type="text/javascript">

    $(document).ready(function () {

    $("#carousel").featureCarousel({
    // include options like this:
    // (use quotes only for string values, and no trailing comma after last option)
    carouselSpeed:700,
    smallFeatureWidth:0.8, smallFeatureHeight:0.8, sidePadding:0, topPadding:0
    });
    });
    </script>

Answer 1

Используйте функцию resize() для объекта window:

$(window).resize(function(){
    $("#carousel").featureCarousel({
        // include options like this:
        // (use quotes only for string values, and no trailing comma after last option)
        carouselSpeed:700,
        smallFeatureWidth:0.8, smallFeatureHeight:0.8, sidePadding:0, topPadding:0
    });
});

Затем вы можете использовать $(window).height() и $(window).width(), чтобы получить новый размер и отрегулировать его.

Answer 2

Как ни странно, я искал обновление при изменении размера окна по той же самой причине.У меня есть скроллер с логотипом в адаптивном дизайне, и изображения меняются друг на друге при изменении размеров окна.Лучшее решение для этого заключается в следующем: 1-поместить скроллер в iframe 2-добавить класс в iframe с помощью скроллера логотипа на родительской странице и использовать java для обновления iframe при изменении размера окна.