使用jquery旋轉數組元素

我有角度數組，我想循環每個角度，並在每個行表中顯示css類的不同方向。但是，循環不顯示不同的方向。我試過這段代碼，但它只顯示一個方向，如果我在循環外調用函數，並且如果我在循環內調用函數，它不會顯示任何方向。我不知道如何連接到每個角度和CSS類元素。例如，在一排，我想單元點到90度，在連續兩個45度....線6點到60度使用jquery旋轉數組元素

var angle = [90, 45, 170, 180, 270, 60] 
    list = ''; 

    for (i = 0; i < 6; ++i){ 
      list += '<tr>'; 
      list +='<td>'+ "<div class='fa fa-angle-double-up'> </div>" 
      list +='</tr>'; 
      rotate(angle[i]); // not show any direction 
     } 
    $('#imagetable > tbody').html(list); 


    function rotate (angle){ 
      $(".fa-angle-double-up").rotate(angle); 
     } 
    rotate(angle[i]); // show direction on the selected angle

來源

2017-08-16 Daniel Nilles

第一，我想看到你的整個代碼。第二，id是唯一的，但是你做了很多相同的 – zynkn

如果for-loop結束，則有6個標記。 – zynkn

我相信這是因爲你撥打旋轉功能之前的元素已經被添加到DOM。嘗試添加後直接添加另一個循環如下所示：

$("#imagetable > tbody").html(list); 
for (i = 0; i < 6; ++i) { 
    rotate(angle[i]); 
}

來源

2017-08-16 15:32:40

仍然所有的表格行只顯示一個方向 –

使用jquery旋轉數組元素

回答

相關問題