jquery.lazyload.js 图片懒加载报错:checkbrowse is not defined

解决jQuery LazyLoad JS错误

最新推荐文章于 2025-09-05 05:58:51 发布

原创最新推荐文章于 2025-09-05 05:58:51 发布 · 469 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #jquery #firefox

本文介绍了解决在使用jQuery LazyLoad插件时出现的Uncaught ReferenceError: checkbrowse is not defined错误的方法。通过手动添加checkbrowse()函数，并确保其在jQuery LazyLoad加载前被调用，可以有效避免该问题。文章还解释了jQuery 1.9版本之后废弃jQuery.browser的原因。

1、页面使用jquery.lazyload.js过程中，浏览器控制台会提示Uncaught ReferenceError: checkbrowse is not defined 错误，查看方法和插件又是正确的。主要是因为浏览器未定义checkbrowse()方法。需要手动增加这个方法。

function checkbrowse() {
   var ua = navigator.userAgent.toLowerCase();   
    var is = (ua.match(/\b(chrome|opera|safari|msie|firefox)\b/) || ['', 'mozilla'])[1];   
    var r = '(?:' + is + '|version)[\\/: ]([\\d.]+)';   
    var v = (ua.match(new RegExp(r)) || [])[1];   
    jQuery.support.is = is;   
    jQuery.support.ver = v;   
    return {   
    'is': jQuery.support.is,   
    'ver': jQuery.support.ver   
  }   
}

2、直接在jquery.lazyload.js之前加入上方代码即可。

注意事项：网上有些代码中是写的jQuery.browser而不是jQuery.support，浏览器控制台会报错Cannot set property ‘is’ of undefined 是因为jquery在1.9 版开始，移除了 $.browser 和 $.browser.version，开始使用 $.support 方法。所以需要使用jQuery.support。