将2个动作分配给一个html按钮

Question

我正在尝试将2个操作分配给我的网页中的一个button：

1. 向arduino运行服务器发送消息
2. 使用toggleClass更改按钮的颜色，以便您可以看到 如果它打开/关闭

代码：

function autoon() {
    $('#content').load('/arduino/autoon');
    $("button#autoon").click(function () {
        $(this).toggleClass("selected");
    });      
}

现在按钮的颜色发生了变化，但我需要点击button 2次来改变颜色。

Answer 1

为什么不在autoon功能中更改按钮的课程？

$("#autoon").toggleClass("selected");

所以你的autoon功能现在变为：

function autoon()
    {
        $('#content').load('/arduino/autoon');
        $("#autoon").toggleClass("selected");
    }