Swiper 缩放不适用于桌面版本，但它适用于移动

Question

这是代码

var mySwiper2 = new Swiper('.swiper-container', {
  allowTouchMove: false,
  zoom: {
      maxRatio: 2,
      minRatio: 1
  },
})

mySwiper2.zoom.enable();

$('#zoom-in').click(function() {
    mySwiper2.zoom.in();
})
$('#zoom-out').click(function() {
    mySwiper2.zoom.out();
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/9.0.5/swiper-bundle.min.js"></script>

<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <div class="swiper-zoom-container" data-swiper-zoom="2">
                <img src="http://logonoid.com/images/stack-overflow-logo.png" id="pop_op_IMG">
            </div>
        </div>
    </div>
</div>

我尝试做某事但没有用，我不知道问题出在哪里。

如果有人能帮助我...