Python、Paho、Raspberry Pi、SenseHat 和 Sliders我希望移动滑块时不重置这些值

如何解决Python、Paho、Raspberry Pi、SenseHat 和 Sliders我希望移动滑块时不重置这些值

长时间堆栈溢出用户 - 第一次调用！

我目前正在开发 HTML 和 Python Paho 服务器。我拥有该程序的全部功能，但只停留在最后一点。

如果 sense hat 正在运行（或 sense_emu），则滑块可用于更改所有像素的 RGB 值。当我停止服务器并在访问网站时重新运行时，值从服务器停止时正确显示，包括正确位置的滑块。

问题是，当我移动其中一个滑块时，其余 2 个滑块重置为 0。我可以看到问题出在哪里，但我不知道如何修复它。

client.onMessageArrived = function onMessageArrived(message) {

            console.log("onMessageArrived:" + message.payloadString + " for topic " + message.destinationName);

            var data = JSON.parse(message.payloadString);

            if (message.destinationName === TOPIC) {
                $("input[type=range].redLevel").val(data.r);
                $("#redLevel").html(data.r);
                $("input[type=range].greenLevel").val(data.g);
                $("#greenLevel").html(data.g);
                $("input[type=range].blueLevel").val(data.b);
                $("#blueLevel").html(data.b);
            }
        }

这是我正在修复的代码

$(document).ready(function() {


            $("#clientId").html(CLIENT_ID);
            levelR = 0;
            levelG = 0;
            levelB = 0;


            $("input[type=range].redLevel").on('input',function() {
                levelR = $(this).val();

                payload = {
                    "r" : levelR,"g" : levelG,"b" : levelB
                 };


                var message = new Paho.Message(     
                   JSON.stringify(payload)
                );

                message.destinationName = TOPIC;         
                message.qos = 2;
                message.retained = true;                  
                client.send(message);
            });
            $("input[type=range].greenLevel").on('input',function() {
                levelG = $(this).val();

                payload = {
                    "r" : levelR,"b" : levelB
                 };


                var message = new Paho.Message(                
                   JSON.stringify(payload)
                );

                message.destinationName = TOPIC;  
                message.qos = 2;
                message.retained = true;
                client.send(message);
            });
            $("input[type=range].blueLevel").on('input',function() {
                levelB = $(this).val();

                payload = {
                    "r" : levelR,"b" : levelB
                 };


                var message = new Paho.Message(    
                   JSON.stringify(payload)
                );

                message.destinationName = TOPIC;  
                message.qos = 2;
                message.retained = true;   
                client.send(message);
            });
            
        });