单击按钮应用CSS

时间:2018-10-23 15:48:20

标签: javascript html css webix

我正在使用下面的CSS将Objects.requireNonNull()Active CSS应用于两个按钮。

页面加载时,一个按钮将处于“活动”状态,另一个按钮将处于“非活动”状态。

Inactive

在页面加载时使用以下代码

.buttonactive button  {
    color: white;
    font: bold;
    /*background: chocolate;*/
    background-color:#39373e;
    border-radius: 5px;
}

.buttonInactive button{
    color: white;font: bold;
    background-color:#adaaaf;
    border-radius: 5px;
}

到目前为止,CSS都可以正确应用。

当我单击第二个按钮时,将应用//set CSS webix.html.addCss($$("btnApps").getNode(), "buttonactive"); webix.html.addCss($$("btnTitles").getNode(), "buttonInactive"); CSS类,而另一个按钮应应用active CSS类。但是,它对我不起作用吗?

inactive

这是代码段

https://snippet.webix.com/k9oj9wpu

1 个答案:

答案 0 :(得分:0)

点击处理程序的语法错误。您应该使用以下语法:

点击:getApps

如此处的文档中所述:webix button click

使用正确的语法更正的代码段在这里:

https://snippet.webix.com/dx5d9e49