Javascript 放大弹出窗口:缩放不工作

Javascript 放大弹出窗口:缩放不工作,javascript,jquery,magnific-popup,Javascript,Jquery,Magnific Popup,当我看到放大弹出网站时,缩放效果非常好。当我把它安装在我自己的网站上时,我没有得到放大和非常不稳定的缩小。我必须安装缩放模块,我已经复制了正确的代码 查询 $('.popup-link').magnificPopup({ type: 'image', closeOnContentClick: true, closeBtnInside: false, fixedContentPos: true, mainClass:

当我看到放大弹出网站时,缩放效果非常好。当我把它安装在我自己的网站上时,我没有得到放大和非常不稳定的缩小。我必须安装缩放模块,我已经复制了正确的代码

查询

$('.popup-link').magnificPopup({
        type: 'image',
        closeOnContentClick: true,
        closeBtnInside: false,
        fixedContentPos: true,
        mainClass: 'mfp-no-margins mfp-with-zoom', // class to remove default margin from left and right side
        image: {
            verticalFit: true
        },
        zoom: {
            enabled: true,
            duration: 300 // don't foget to change the duration also in CSS
        }
    });
css

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.3s ease-out; 
  -moz-transition: all 0.3s ease-out; 
  -o-transition: all 0.3s ease-out; 
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
   opacity: 0;
}

我不知道从这里走到哪里

我看到了完全相同的行为。运气好吗?我看到了完全相同的行为。运气好吗?