jQuery 未在后台更改图像源

Question

我正在使用 WebSocket。我已经为传入的消息设置了一个事件监听器。当收到消息时，我想更改图像的来源（带有 id）。这仅在 div 可见一次时有效。

socket = new WebSocket("url:port", "base64");
socket.addEventListener("message", function(event) {

    message = atob(event.data);

        var temperature = message[4]+message[5]+message[6];
        temperature = temperature.replace("0", "");

        $("#"+id+"-img").attr('src', 'assets/img/red_temperature.png');


        var date = new Date;
        var seconds = date.getSeconds();
        var minutes = date.getMinutes();
        var hour = date.getHours();

        if(hour <= 9) 
          hour = "0"+hour;
        if(minutes <= 9) {
          minutes = "0"+minutes;
        }
        if(seconds <= 9) {
          seconds = "0"+seconds;
        }

        $("#temperatureslastupdate").html("Letzte Aktualisierung: "+hour+":"+minutes+":"+seconds);

        $("#"+id+"-temperature").html(temperature+" °C");
      break;

      default:
        break;

    }

    protokoll.append(message+"<br>");

  });

有趣的是：更改上次更新的 html-div 正在工作。协议的 append() 也有效。

有什么技巧？

Answer 1

使用

 $("#"+id+"-img").load('assets/img/red_temperature.png');

jQuery 未在后台更改图像源

jQuery isn't chaning image source in background

jquery

image

src

websocket