我有以下功能，可以在圖像進入視口后縮小圖像?，F在，它附加的事件偵聽器與元素一樣多。出于性能原因，我想將它們組合成一個所有元素的事件偵聽器，但我不知道如何操作。這是我的代碼：斷續器<div class="image-wrapper">     <div class="image-container elem-1">        <div class="zoom-images">            <img class="zoom" src="test" alt="test">        </div>    </div>    <div class="image-container elem-2">        <div class="zoom-images">            <img class="zoom" src="test" alt="test">        </div>    </div>    <div class="image-container elem-3">        <div class="zoom-images">            <img class="zoom" src="test" alt="test">        </div>    </div></div>JAVASCRIPT$('.zoom').each(function() {    var el = $(this);    var inViewport = false;    var isZooming = false;    originY = 0;    window.addEventListener('scroll', throttle(zoomImage, 250), {passive: true});    function zoomImage() {        originY = $(window).scrollTop();        if (el.isInViewport()) {            if (!inViewport) {                inViewport = true;             }        } else {            if (inViewport) {                inViewport = false;            }        }           if (inViewport) {            if (!isZooming) {                window.requestAnimationFrame(function () {                    el.addClass('is-zooming');                });                isZooming = true;            }        } else {            if (isZooming) {                window.requestAnimationFrame(function () {                    el.removeClass('is-zooming');                });                isZooming = false;            }        }    };    $.fn.isInViewport = function() {        var elementTop = $(this).offset().top;        var elementBottom = elementTop + $(this).outerHeight();        var viewportTop = $(window).scrollTop();        var viewportBottom = viewportTop + $(window).height();        return elementBottom > viewportTop && elementTop < viewportBottom;    };});任何幫助將不勝感激！多謝！