关于动态更换CSS的问题

博众智云

希望通过判断不同的条件来动态加载不同的css定义类，参考了
http://docs.wex5.com/wex5-ui-question-list-2073/中
1．x5组件提供的ＡＰＩ文档方法：

var input = this.comp('组件xid');
input.removeClass('b');
input.addClass('a');

实际使用的代码如下：
        var obj = this.comp('image1');
        obj.addClass('warnning');
在CSS文件中定义了warnning如下：
.warnning{
        margin-left:10px;
        margin-top:10px;
        width:158px;
        -webkit-animation: glow 400ms ease-out infinite alternate;
        animation: glow 400ms ease-out infinite alternate;
       
}

运行时提示
       Cannot read property "addClass" of undefined
不知道问题出在了哪儿？

jkshare

bind-css 最方便

博众智云

jkshare 发表于 2017-12-4 11:06
bind-css 最方便

bind-css 如果是两种不同的css样式来选择很方便，但是如果有多于两种样式不知道如何写表达式

liangyongfei

this.comp 里面必须是一个x5组件 的 xid才可以的！
image标签 知识一个普通的HTML5标签，并不是x5的组件！  只有存在components属性的标签才属于x5组件！

不是x5的组件当然无法调用addClass


bind-css可以绑定自定义函数的！ 自定义函数返回一个json对象就可以
里面可以写很多样式！其实就是js对象中定义属性和值！

http://docs.wex5.com/wex5-ui-question-list-2102/

比如
return {“color”: “#c0c0c0”}

博众智云

liangyongfei 发表于 2017-12-4 16:46
this.comp 里面必须是一个x5组件 的 xid才可以的！
image标签 知识一个普通的HTML5标签，并不是x5的组件！ ...

这个是我的ide窗口，div3，div1，image1 不都是x5 组件的xid吗？

liangyongfei

博众智云 发表于 2017-12-4 21:03
这个是我的ide窗口，div3，div1，image1 不都是x5 组件的xid吗？

但是他们不是x5封装的组件！你看下源码里面！根本就没有component 标签！
你可以看下button 组件是怎么定义的！ 对比下，理解什么属于x5组件，什么知识HTML标签！

博众智云

liangyongfei 发表于 2017-12-5 10:50
但是他们不是x5封装的组件！你看下源码里面！根本就没有component 标签！
你可以看下button 组件是怎么定 ...

原来是这样，多谢