jQuery MiniUI

标题: outlookmenu的item取消选中时如何更换图标 [打印本页]

作者: 鸡胸肉终结者 时间: 2017-8-9 09:14:43 标题: outlookmenu的item取消选中时如何更换图标

在使用outlookmenu时,点击一个item时,通过设置item的img属性更改了图标(选中样式的图标),请问在取消这个项的选中时,即点击另外的item时如何将刚才更换过图标的item换回原来的图标?

作者: felt 时间: 2017-8-9 09:56:33

可以通过css来实现
现在outlookmenu的图标由iconcls来作用显示
比如现在这个节点的图标识icon-add
你可以定义一个选中下的icon-add的不同样式
.mini-menuitem-selected .icon-add{
background:....
}
这样选中状态下的图片就会改成你新定义的那个样式的。

作者: 鸡胸肉终结者 时间: 2017-8-9 10:08:11

felt 发表于 2017-8-9 09:56
可以通过css来实现
现在outlookmenu的图标由iconcls来作用显示
比如现在这个节点的图标识icon-add

选中一个item时能修改,我意思是当我点了一个项时,图标从图标1更改成图标2,当我点击另一个项时,之前那个项从图标2更改回图标1,还有字体颜色又要怎样实现这个逻辑?

作者: 鸡胸肉终结者 时间: 2017-8-9 10:23:00

felt 发表于 2017-8-9 09:56
可以通过css来实现
现在outlookmenu的图标由iconcls来作用显示
比如现在这个节点的图标识icon-add

字体颜色已明白谢谢,就是图标我是用了img属性的,使用iconcls的话自定义的图标不显示

作者: 鸡胸肉终结者 时间: 2017-8-9 10:42:17

felt 发表于 2017-8-9 09:56
可以通过css来实现
现在outlookmenu的图标由iconcls来作用显示
比如现在这个节点的图标识icon-add

已经弄好了,谢谢解答,另外官网上的API文档列出的属性和方法等貌似有点缺少

作者: felt 时间: 2017-8-9 19:09:26

鸡胸肉终结者发表于 2017-8-9 10:42
已经弄好了,谢谢解答,另外官网上的API文档列出的属性和方法等貌似有点缺少 ...

iconCls可以自定义，参考icon.css内定义，用iconCls更方便，选中的时候.mini-menuitem-selected .icon-add{
background:....
}
这个样式自动就换图片了，移开选中也会自动还回来原来的。

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)