怎样做出点击button时上面的图片也改变

xcl

liangyongfei 发表于 2017-1-5 14:26
请问使用$UI的格式书写　，案例就是这样写的！
直接写ＵＩ２肯定不支持的！

全部按钮点击一下，就变成这样了，我要选择那个content则哪个按钮显示选中状态的效果，我该怎么修改

半导体

xcl 发表于 2017-1-5 14:53
全部按钮点击一下，就变成这样了，我要选择那个content则哪个按钮显示选中状态的效果，我该怎么修改

...

我觉得应该还是   在改变图片的同时添加一个  象征性的active的class   
点击新的的同时 找到兄弟元素中含有active的  将路径修改回来  并去掉active  然后在新的上添加这个class并修改成激活样式的路径  

xcl

半导体 发表于 2017-1-5 15:05
我觉得应该还是   在改变图片的同时添加一个  象征性的active的class   
点击新的的同时 找到兄弟元素中 ...

写个CSS样式加进去吗，然后再用js修改吗

xcl

半导体 发表于 2017-1-5 15:05
我觉得应该还是   在改变图片的同时添加一个  象征性的active的class   
点击新的的同时 找到兄弟元素中 ...

写个CSS样式加进去吗，然后再用js修改吗

半导体

xcl 发表于 2017-1-5 15:11
写个CSS样式加进去吗，然后再用js修改吗

嗯嗯  对哒

xcl

可是图片是通过js修改的呀，怎么添加active来做

liangyongfei

xcl 发表于 2017-1-5 15:14
可是图片是通过js修改的呀，怎么添加active来做

代码案例：
http://bbs.wex5.com/forum.php?mo ... 0&pid=165203073

代码将所有图片变成默认的！然后把当前图片设置为激活

xcl

liangyongfei 发表于 2017-1-5 15:45
代码案例：
http://bbs.wex5.com/forum.php?mod=redirect&goto=findpost&ptid=84260&pid=165203073

Model.prototype.indexContentsActiveChanged = function(event){
                 var str = location.href;
                 var num = str.indexOf("!");
                 str = str.substr(num + 1);
                 var classBtn = this.comp("classBtn");
                 var messBtn = this.comp("messBtn");
                 var trackBtn = this.comp("trackBtn");
                 var userBtn = this.comp("userBtn");
                 if (str === "classContent") {
                         classBtn.set({
                                 "icon" : "imgUI/MStudy/img/drawable-xhdpi-v4/ic_tab_main_user_course_selected.png|"
                         });

                        messBtn.set({
                                 "icon" : "imgUI/MStudy/img/drawable-xhdpi-v4/ic_tab_main_user_message_normal.png|"

                        });
                        
                        trackBtn.set({
                                 "icon" : "imgUI/MStudy/img/drawable-xhdpi-v4/ic_tab_main_learning_track_normal.png|"

                        });
                        
                        userBtn.set({
                                 "icon" : "imgUI/MStudy/img/drawable-xhdpi-v4/ic_tab_main_user_center_normal.png|"

                        });
                        
                }
                 if (str === "messContent") {
                         classBtn.set({
                                 "icon" : "imgUI/MStudy/img/drawable-xhdpi-v4/ic_tab_main_user_course_normal.png|"
                         });

                        messBtn.set({
                                 "icon" : "imgUI/MStudy/img/drawable-xhdpi-v4/ic_tab_main_user_message_selected.png|"

                        });
                        
                        trackBtn.set({
                                 "icon" : "imgUI/MStudy/img/drawable-xhdpi-v4/ic_tab_main_learning_track_normal.png|"

                        });
                        
                        userBtn.set({
                                 "icon" : "imgUI/MStudy/img/drawable-xhdpi-v4/ic_tab_main_user_center_normal.png|"

                        });
                 }
我代码这样写也没有效果

liangyongfei

xcl 发表于 2017-1-5 16:58
Model.prototype.indexContentsActiveChanged = function(event){
                 var str = location. ...

请使用$UI 你直接写 UI 当然不行了！！！！！
下载案例试试是否可以：
http://bbs.wex5.com/forum.php?mo ... 80603&pid=165185506

xcl

liangyongfei 发表于 2017-1-5 17:35
请使用$UI 你直接写 UI 当然不行了！！！！！
下载案例试试是否可以：
http://bbs.wex5.com/forum.php?mo  ...

我使用的就是$UI，复制代码，符号没显示出来，案列的图片出不来，看不出效果，其他样式是有变化