使用jquery旋轉css字體真棒

-1

我想旋轉CSS字體真棒方向（fa fa-arrow-up）在每個數組元素的表格列上，當頁面加載提供的角度。我使用JavaScript從數組中動態創建表。箭頭顯示在表格列中，但不旋轉。我怎麼能每個數組元素武官方向旋轉使用jquery旋轉css字體真棒

// JavaScript的

var html = ''; 
    for (i = 0; i < 7; ++i){ 
     html += '<tr id="list">'; 
     html +='<td>'+ days[i] +'</td>'; 
     html +='<td>'+ max[i] +'</td>'; 
     html +='<td>'+ average[i] +'</td>'; 
     html +='<td>'+ "<div class='fa fa-arrow-up'> </div>"+ '</br>' + windS[i] +'</td>'; 
     html +='</tr>'; 

    } 

    $('#weatherTable > tbody').html(html); 



$(".fa-arrow-up").rotate(angle);

來源

2017-08-15 tumsido

我不明白是什麼問題。如果你有你的評論說我需要旋轉圖像，那麼在之後調用你的旋轉函數。旋轉函數有一個錯字你錯過了＃在$（'＃imageId'） – Stefan

@stefan我編輯原始問題 – tumsido

我的解決方案有幫助嗎？如果是這樣，請標記爲正確。謝謝 – Stefan

貌似你試圖在風向指向的箭頭。哪一個猜測可以是N NE E SE S SW W NW和N.那就是9例。使用字體真棒4個方向，默認情況下已經覆蓋了你，NES W. 所有你需要做的就是用CSS應用旋轉度：

<div class='fa fa-arrow-up fa-rotate-90'> </div>

如果你想顯示其他方向看這個堆棧溢出的答案這裏：

Statically rotate font-awesome icons

來源

2017-08-17 13:54:36 Stefan

使用jquery旋轉css字體真棒

回答

相關問題