2015-07-14 4 views
1

İ Использую плагин caroufredsel для создания реагирующей карусели, и я столкнулся с проблемой. Когда я меняю размер окна, перетаскивая окно, все работает нормально, но когда я максимизую окно с помощью кнопки максимизации, высота карусели не корректируется, оставляя пробел ниже (кроме Opera). İt похоже, что браузеры не запускают событие изменения размера должным образом. Сделал исследование и нашел похожие сообщения с советами, но ничего не работало для меня. Это больше похоже на вопрос о том, что событие изменения размера не обрабатывается должным образом при нажатии кнопки максимизации. У кого-нибудь есть предложения? Заранее спасибо. Вот код:CarouFredSel отзывчивая высота вопрос

$slider.carouFredSel({ 
    responsive: true, 
    auto : false, 
    height: 'variable', 
    prev : "#carousel_nav_left", 
    next : "#carousel_nav_right", 
    circular : true, 
    infinite : true, 
    scroll: { 
     items: 1, 
     mousewheel: true, 
     easing: "easeInOutQuint", 
     duration: 700,      
    }, 
    swipe: { 
     onTouch: true, 
     onMouse: true, 
     easing: "easeInOutQuint", 
     duration: 500 
    }, 
    items: { 
     width: 320, 
     height: 'variable', 
     visible: { 
      min: 1, 
      max: 3 
     } 
    },     
}); 

Edit:

Исправление предлагается в других постах добавлял следующий код во время инициализации:

onCreate: function() { 
    $(window).on('resize', function() { $slider.parent().add($slider).height($slider.children().first().height(); 
}).trigger('resize'); 

}

+0

Что вы пробовали, что не сработали? Как ваша проблема отличается от других, о которых вы говорите? –

ответ

1

это правильно:

onCreate: function() { 
     $(window).on('resize', function() { 
      $slider.parent().height($slider.children().first().height()) 
     }) 
    }