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

QQ登录

只需一步,快速开始

查看: 1086|回复: 8

[结贴] 关于li点击事件下改变图片的问题

[复制链接]

20

主题

90

帖子

192

积分

初级会员

Rank: 2

积分
192
QQ
发表于 2015-9-14 10:03:38 | 显示全部楼层 |阅读模式
一个list组件,在它的li底下放了一个div,div中放一个label和一个image,image设置了图片a.png,然后我想点击 li 时改变image的图片为b.png,请问这个要怎么实现?

20

主题

90

帖子

192

积分

初级会员

Rank: 2

积分
192
QQ
 楼主| 发表于 2015-9-14 13:57:15 | 显示全部楼层
lvsazf 发表于 2015-9-14 11:33
var row = event.bindingContext.$object;//获取行对象
var index = row.index();//获取行对象索引
$(".x-b ...

按照你这样写,可是没有图片没有变化
回复 支持 0 反对 1

使用道具 举报

0

主题

742

帖子

947

积分

高级会员

Rank: 4

积分
947
发表于 2015-9-14 10:48:17 | 显示全部楼层
可通过获取对应image元素的dom对象或jquery对象,修改其src属性值来实现
如果该问题得到解决,请及时跟帖,以便结贴
回复 支持 反对

使用道具 举报

20

主题

90

帖子

192

积分

初级会员

Rank: 2

积分
192
QQ
 楼主| 发表于 2015-9-14 11:08:35 | 显示全部楼层
lvsazf 发表于 2015-9-14 10:48
可通过获取对应image元素的dom对象或jquery对象,修改其src属性值来实现

能给个例子吗,拜谢
回复 支持 反对

使用道具 举报

0

主题

742

帖子

947

积分

高级会员

Rank: 4

积分
947
发表于 2015-9-14 11:33:07 | 显示全部楼层
var row = event.bindingContext.$object;//获取行对象
var index = row.index();//获取行对象索引
$(".x-blob-img:eq("+index+")").attr("src",require.toUrl("./img/8.jpg"));//修改点击行的img属性
关于jquery选择器,可以参考jquery的api
如果该问题得到解决,请及时跟帖,以便结贴
回复 支持 反对

使用道具 举报

0

主题

742

帖子

947

积分

高级会员

Rank: 4

积分
947
发表于 2015-9-14 14:11:08 | 显示全部楼层
w和js相关文件发下
如果该问题得到解决,请及时跟帖,以便结贴
回复 支持 反对

使用道具 举报

20

主题

90

帖子

192

积分

初级会员

Rank: 2

积分
192
QQ
 楼主| 发表于 2015-9-14 14:15:49 | 显示全部楼层
帮忙看下,谢谢

w和JS文件.rar

1.31 KB, 下载次数: 79

回复 支持 反对

使用道具 举报

0

主题

742

帖子

947

积分

高级会员

Rank: 4

积分
947
发表于 2015-9-14 14:57:22 | 显示全部楼层
$("img:eq(" + index + ")").attr("src",require.toUrl("./icon_sound.png"));这样写
如果该问题得到解决,请及时跟帖,以便结贴
回复 支持 反对

使用道具 举报

20

主题

90

帖子

192

积分

初级会员

Rank: 2

积分
192
QQ
 楼主| 发表于 2015-9-14 15:55:17 | 显示全部楼层
lvsazf 发表于 2015-9-14 14:57
$("img:eq(" + index + ")").attr("src",require.toUrl("./icon_sound.png"));这样写

已解决,感谢,请结贴
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2025-7-9 18:06 , Processed in 0.075371 second(s), 27 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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