如何根据页面大小获得不同的行为？

Question

和

zoomHeight

值。

我在何处我的话？

<script>

if (screen.width >= 1025 && (document.documentElement.clientWidth >= 1025)) {
 $(document).ready(function() {

    $('.jqzoom').jqzoom({
    zoomWidth: 609,
    zoomHeight:756
    });

 });
}

// Start second IF statement

if (screen.width < 1024 && document.documentElement.clientWidth < 1024) {
$(document).ready(function() {
$('.jqzoom').jqzoom({
zoomWidth: 200,
zoomHeight:200
});

});
}
</script>

“如果”语句仅在页面加载上执行一次。调整浏览器大小时，它们已经被执行并且不再执行。

使用jQuery的调整大小处理程序来检测一个大小：

Answer 1

由于应该调整屏幕尺寸，您应该能够使用onChange = [（e）=> set screen.width（e.target.value）}，但是我不确定该解决方案，但实现Onchange E处理程序应该可以工作吗？