Javascript 对窗口大小调整事件触发不同的执行

我有下面的转盘代码，它根据屏幕大小返回不同数量的要显示的项目

$(function() {

var mini = 1000;
var big = 1280;
     if (window.screen.availWidth < mini) {
$('#carousel1').jsCarousel({ onthumbnailclick: function(src) { load(src); }, autoscroll: true, circular: true, masked: false, itemstodisplay: 3, orientation: 'h' });
}
else {

$('#carousel1').jsCarousel({ onthumbnailclick: function(src) { load(src); }, autoscroll: true, circular: true, masked: false, itemstodisplay: 5, orientation: 'h' });    
    }
});

---

你可以这样写：

window.onresize = screen_resize;

---

编辑：如果您调用screen_resize一次，您的旋转木马看起来不错，但是如果您多次调用它，旋转木马就会断开

screen_resize

在您的代码中被调用，并按编程方式工作。

在每次调整大小时，您将在“#carousel1”元素上重新定义jsCarousel。您应该只在DOM就绪时初始化插件一次，然后在每次调整大小时更新选项

itemstodisplay

。快速检查插件源代码，它似乎不支持它。通常一个好的插件有destroy和re init方法，但我不确定你正在使用的那个。这样，在调整窗口大小时，您可以通过destroy解除插件绑定，并通过reinit重新初始化所需的项目数。因此，您可能需要寻找另一个插件。谢谢。我检查了你的小提琴，但它似乎没有改变窗口大小调整的执行。

window.onresize = screen_resize;