起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 2335|回复: 7

[处理中3] lazyload 这个插件无效啊,。

[复制链接]

28

主题

128

帖子

181

积分

初级会员

Rank: 2

积分
181
QQ
发表于 2016-11-21 20:54:28 | 显示全部楼层 |阅读模式
$(".goods_Html img").lazyload({
                                effect:"fadeIn"
                        });


添加上这样的代码,因为后台获取到的图片路径已经加上了,所以前台需要使用图片延迟加载插件,把图片路径转换。但是,却无效,原本以为是加载时间差的问题,但是我在加载图片出来后使用插件也无效。

发表于 2016-11-22 09:38:52 | 显示全部楼层
请问你是使用的bind-attr-src 属性设置的对吧??
你先这样测试下!在img 的src属性中把 图片的url 写死,不适用动态绑定实现,看下是否正常可以使用呢??
如果还不行!那就应该是
lazyload 方法的原因了! 你可以在普通的html 和 js 页面中再测试下!不适用.w 页面可以吗?
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

28

主题

128

帖子

181

积分

初级会员

Rank: 2

积分
181
QQ
 楼主| 发表于 2016-11-22 10:55:14 | 显示全部楼层
liangyongfei 发表于 2016-11-22 09:38
请问你是使用的bind-attr-src 属性设置的对吧??
你先这样测试下!在img 的src属性中把 图片的url 写死 ...

不是,因为数据是通过bind-html取出来的,图片是放在data-original这个属性里的,只能通过lazyload这个插件来转换,
回复 支持 反对

使用道具 举报

发表于 2016-11-22 11:49:36 | 显示全部楼层
www.xcz.com 发表于 2016-11-22 10:55
不是,因为数据是通过bind-html取出来的,图片是放在data-original这个属性里的,只能通过lazyload这个插 ...

bind-html 就是动态生成一个页面片段放进去的!
这样吧!你打开浏览器调试模式(F12) 
看看生成的源码中,这个片段的源码。是否是你预期想要的?
class属性,等都是正确的吗??

经过动态绑定生成,节点中属性应该是有变化的!
你应该根据动态生成后的样式 获取并执行lazyload

qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

28

主题

128

帖子

181

积分

初级会员

Rank: 2

积分
181
QQ
 楼主| 发表于 2016-11-22 13:25:23 | 显示全部楼层
liangyongfei 发表于 2016-11-22 11:49
bind-html 就是动态生成一个页面片段放进去的!
这样吧!你打开浏览器调试模式(F12) 
看看生成的 ...

不行的,
回复 支持 反对

使用道具 举报

发表于 2016-11-22 13:38:50 | 显示全部楼层

是标准的html  + js 也不行吗??
那就说明是jQuery 方法的问题了!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

28

主题

128

帖子

181

积分

初级会员

Rank: 2

积分
181
QQ
 楼主| 发表于 2016-11-23 16:51:05 | 显示全部楼层
liangyongfei 发表于 2016-11-22 13:38
是标准的html  + js 也不行吗??
那就说明是jQuery 方法的问题了!

不会啊,这个lazyload插件都是那么 用的。
回复 支持 反对

使用道具 举报

发表于 2016-11-25 10:07:28 | 显示全部楼层
www.xcz.com 发表于 2016-11-23 16:51
不会啊,这个lazyload插件都是那么 用的。

那我们也是标准的html源码!你看有何差异?
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2025-6-21 02:01 , Processed in 0.058326 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表