javascript - 单击按钮时应用 Css

Question

我使用下面的 CSS 将 Active 和 Inactive CSS 应用于两个按钮。

在页面加载时，一个按钮将处于“事件”状态，而另一个按钮将处于“不活动”状态。

.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;
}

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

//set CSS

webix.html.addCss($$("btnApps").getNode(), "buttonactive");
webix.html.addCss($$("btnTitles").getNode(), "buttonInactive");

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

当我点击第二个按钮时，应该应用 active CSS 类，而另一个按钮应该应用 inactive CSS 类。但是，它对我不起作用？

{view: "button", id:"btnApps", value: "Apps", width: 205, height: 35, click: "getApps();" },

{ view: "button", id:"btnTitles", value: "Titles", width: 205, height: 35, click: "getTitles();" },

function getApps() {
webix.html.addCss($$("btnTitles").getNode(), "buttonInactive");
webix.html.addCss($$("btnApps").getNode(), "buttonactive");
}

function getTitles() {
webix.html.addCss($$("btnTitles").getNode(), "buttonactive");
webix.html.addCss($$("btnApps").getNode(), "buttonInactive");
}

这是代码片段

https://snippet.webix.com/k9oj9wpu

Answer 1

点击处理程序的语法错误。你应该使用这种语法:

点击:getApps

如文档中所述:webix button click

使用正确语法更正的代码片段位于此处:

https://snippet.webix.com/dx5d9e49