fadeIn(）没有触发，但其他一切都是

fadeIn() not triggering but everything else is

本文关键字：其他 fadeIn      更新时间：2023-09-26

我有一个小片段，当我使用socket.io:时会触发它

socket.on('wheelspin', function (random) {
    var img = document.querySelector('img');
    $("img").fadeIn();
    console.log('wheelspin!!!');
    console.log('fadeIn');
        img.removeAttribute('style');
        var deg  = 0; 
        console.log('deg = ' + deg);
        console.log('Number = ' + random);
        if(random == 0) {var deg = 15; var css = '-webkit-transform: rotate(' + deg + 'deg);'; }
        img.setAttribute('style', css);
}

每当我运行这个程序时，网页控制台都会显示console.log，但它不执行fadeIn。如果我在套接字触发之外执行以下操作，它就会工作：

$( document ).ready(function() {
    $("img").fadeIn();
 });

有什么建议吗？

感谢

可能$("img").fadeIn();不工作，因为img还不可用，并且在此之前socketio的"wheelspin"事件正在启动。当DOM准备好时，CCD_ 2在CCD_。

建议：DOM就绪时使用所有内容

$( document ).ready(function() {
    socket.on('wheelspin', function (random) {
          var img = document.querySelector('img');
          $("img").fadeIn();
          console.log('wheelspin!!!');
          console.log('fadeIn');
          img.removeAttribute('style');
          var deg  = 0; 
          console.log('deg = ' + deg);
          console.log('Number = ' + random);
          if(random == 0) {var deg = 15; var css = '-webkit-transform: rotate(' + deg + 'deg);'; }
          img.setAttribute('style', css);
     }
 });
相关文章：