Jquery 触摸设备的延迟负载
我使用的是jQuery插件Lazy Load(),而在触摸设备上,它的运行并不顺利,因为在滚动停止之前脚本不会启动(如上所述)。是否有任何已知的解决方法可以应用触摸事件以同样的方式触发脚本?尝试下面的方法,并查看参考URLJquery 触摸设备的延迟负载,jquery,plugins,scroll,touch,lazy-loading,Jquery,Plugins,Scroll,Touch,Lazy Loading,我使用的是jQuery插件Lazy Load(),而在触摸设备上,它的运行并不顺利,因为在滚动停止之前脚本不会启动(如上所述)。是否有任何已知的解决方法可以应用触摸事件以同样的方式触发脚本?尝试下面的方法,并查看参考URL 如果($grid.length>0){ }您好,对于任何使用lazyload和Mashine on touch设备的人来说,这很好用(需要jquery+Modernizer): 有一个很好的轻量级jquery插件——“imgr”。在这里检查 该插件是移动优化;因此,使用触摸
如果($grid.length>0){
}您好,对于任何使用lazyload和Mashine on touch设备的人来说,这很好用(需要jquery+Modernizer):
有一个很好的轻量级jquery插件——“imgr”。在这里检查 该插件是移动优化;因此,使用触摸设备非常有效。也可以将图像作为普通元素或背景图像加载 在这里查看演示
$grid.imagesLoaded( function() {
$grid.delay(200).masonry({
gutterWidth: 14,
itemSelector: '.item',
isAnimated: false,
isFitWidth: true,
columnWidth: 194,
animationOptions: { duration: 400 }
});
$('.item img').lazyload({
effect: 'fadeIn'
});
});
var $container = $('#content');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: '.item',
});
if ( Modernizr.touch ) {
$('.item img').lazyload({
effect: 'fadeIn',
event: 'touchLoad'
});
$('.item img').trigger('touchLoad');
}
else {
$('.item img').lazyload({
effect: 'fadeIn',
event: 'scroll'
});
$('.item img').trigger('scroll');
}
});