如何为特定窗口大小触发某些功能

Question

我需要触发特定窗口大小的缩放功能以制作响应式网站。使用 elevatezoom.js 进行缩放

<img id="zoom_01" src="assets/images/small/image1.png" data-zoom-image="assets/images/large/image1.jpg" class="example-image">

我试图通过

调用缩放

    var width = $(screen).width();
    var height = $(screen).height();
    if (width >= 980)  {
        $('#zoom_01').elevateZoom();

    }

我该如何解决这个问题

Answer 1

试试这个：

var width = window.innerWidth;
var height = window.innerHeight;

if (width >= 980)  {
    $('#zoom_01').elevateZoom();
}