Javascript 响应式jsCarousel V2.0

Javascript 响应式jsCarousel V2.0,javascript,responsive-design,Javascript,Responsive Design,我已经实现了jscarouselv2.0 演示链接 我的整个网站都是有响应的,但当JSCarouselV2.0运行时,当我以纵向模式或横向模式打开网站时,它就会工作 但是当我从纵向模式移动到横向模式时,它没有检测到正确的模式 if ( jQuery(window).width() > 1200 ){ var a=5; } else if ( jQuery(window).width() >= 949 ){ var a=5;} else if ( jQuery(window).wid

我已经实现了jscarouselv2.0 演示链接

我的整个网站都是有响应的,但当JSCarouselV2.0运行时,当我以纵向模式或横向模式打开网站时,它就会工作

但是当我从纵向模式移动到横向模式时,它没有检测到正确的模式

if ( jQuery(window).width() > 1200 ){
 var a=5;
}
else if ( jQuery(window).width() >= 949 ){
var a=5;}
else if ( jQuery(window).width() >= 768 ){
var a=3;}
else if ( jQuery(window).width() >= 600 ){
var a=2;}
else if ( jQuery(window).width() >= 480 ){
var a=2;}
else if ( jQuery(window).width() >= 320 ){
var a=1;}

$.fn.extend({
jsCarousel: function(options) {
var settings = $.extend({
scrollspeed: 500,
delay: 5000,
itemstodisplay: a,
autoscroll: false,
onthumbnailclick: null
}, options);

请建议?

您应该添加类似此代码的内容,当窗口大小更改时会触发此代码

$(window).bind('resize', function () { 

});
但是你的代码是插件代码