jquery 是否有可能禁用放大和灯箱的移动的宽度,使其工作的调整大小?

5lwkijsr  于 2023-08-04  发布在  jQuery
关注(0)|答案(1)|浏览(113)

我用的是slick lightbox,效果很好。有谁知道如何禁用移动的宽度的放大和灯箱?看起来,如果照片已经在他们的最大尺寸,他们不需要放大时,在手机上查看。这是我尝试过的,它工作,但它不工作的调整大小。有谁知道如何在resize上使用这个功能?

jQuery(function($){
    // This will fire when document is ready:
    $(window).resize(function() {
        // This will fire each time the window is resized:
        if($(window).width() > 1024) {
            // if larger or equal
             $('.slickLightPop').slickLightbox({
          lazy: true
        });
          
        } else {
          $('.galleryItem a').click(function(e) { 
    e.stopPropagation();
    e.preventDefault();
}); 
        }
    }).resize();
});

字符串

qf9go6mv

qf9go6mv1#

我想出了最好的解决办法。我把resize和media查询从jQuery中去掉,只使用标准的:

jQuery(function($){
    $('.slickLightPop').slickLightbox({
        lazy: true
    });
});

字符串
然后,我使用CSS在移动的宽度,最大尺寸媒体查询中禁用link类上的图像放大链接:

.galleryItem a { pointer-events: none; cursor: default;}

相关问题