基于JSON数据用JavaScript旋转风玫瑰图标

Question

沙箱链接。

我正试图旋转一个静态指南针图标(称为towards-0-deg/f0b1)来反映风向。

我尝试了windRose = iconRotate.rotate(data.weather.deg);和后来的windElement.innerHTML = ` ${windRose.rotate(data.weather.deg)}` + `${weather.wind} km/h`;，但我得到:未捕获(在承诺)ReferenceError: iconRotate未定义.

我在这里做错了什么?

Answer 1

我设法像这样修复它:

weather.rose = function(){
$(".wi-wind").addClass("from-" + windDirection + "-deg")
setTimeout(function (){
$("#roseIcon").removeClass();
setTimeout(function () { 
$("#roseIcon").addClass(`wi` +` `+ `wi-wind` +` `+ `from-` + windDirection + `-deg`)}, 1000)
},920000)
};