为移动设备禁用 Lightbox Plus

【问题标题】：Disable Lightbox Plus for mobile devices为移动设备禁用 Lightbox Plus
【发布时间】：2012-09-23 22:01:19
【问题描述】：

我正在制作网站的移动版本，并且使用了很多灯箱。我正在尝试找到一种方法来添加滚动到移动设备上的灯箱，或者如果使用移动设备查看，则完全禁用灯箱插件。尝试了此代码，但无法使其正常工作。 http://chris-barr.com/index.php/entry/scrolling_a_overflowauto_element_on_a_touch_screen_device/有什么想法吗？

【问题讨论】：

标签： mobile scroll lightbox

【解决方案1】：

我通过将以下 CSS 添加到包含 iframe、div 标签或图像的父元素来解决滚动问题：

#cboxLoadedContent, #cboxContent{
-webkit-overflow-scrolling: touch!important;
}

【讨论】：

【解决方案2】：

var lightboxOnResize = function lightboxOnResize() {
if ($(window).width() < 960) { alert();
    $('a[rel="lightbox"]')
        .removeProp('rel')
        .addClass('lightboxRemoved');
} else {
    $('a.lightboxRemoved').prop('rel', 'lightbox');
}

}

$(document).ready(lightboxOnResize); $(window).resize(lightboxOnResize);

可以使用..可以根据您的要求更改视口宽度！！

【讨论】：