新锐动力:专业的网站建设服务公司,为福州网站建设公司专注福州企业网站建设,福州网站SEO快照优化,福州小程序开发等服务!
打开客服菜单
新锐动力官网
福州网站建设 > 技术支持 > 亲测有效解决jquery.lazyload.js图片懒加载遇到tab选项卡无效的问题
亲测有效解决jquery.lazyload.js图片懒加载遇到tab选项卡无效的问题
编辑 :

福州网站建设

时间 : 2019-02-24 16:35 浏?#25042;?: 304

什?#35789;莏query.lazyload.js图片懒加载

当一个网站图片太多时,打开网站即加载图片的话,对速度会有很大的影响。jquery.lazyload.js只会加载当前屏幕可视范围内的图片,这样大大减少了图片对带宽的?#21152;茫?#20174;而提高网站访问速度。

jquery.lazyload遇到tab选项卡切换时,图片不切换的解决方法

TIM截图20190224163115

如上图,当网站上有我个tab选项卡时,切换时选项卡内容里面的图片不会显示出来。可以使用以下的方法进行有效解决,亲测有效:

在选项卡切换的方法事件中重新调用一次lazyload方法。

$("img.delay").lazyload({ effect: "fadeIn" });

完整代码如下:

$(document).ready(function () {

    $('.tab .tab-item').hover(function () {

        var $this = $(this), index = $this.index();

        $this.addClass('tab-selected').siblings().removeClass('tab-selected');

        $this.parents('.fn_box').find('.pro-cont').hide().eq(index).show();

        $("img.delay").lazyload({ effect: "fadeIn" });

    });

});

演示地址:https://www.dachunchao.com/

jquery.lazyload有什么优势

可有效解决网站图片加载慢的问题。

本文为福州网站建设公司-新锐动力原创,如转载,请注明出处!

  • 超低建站费用

  • 具备营销能力

  • 强大SEO功能

  • 贴心售后技术支持

cache
Processed in 0.006343 Second.
20选5开奖奖金